ProjeXCode Forum: Membuat Multiple (Episode's) Post Streaming Video

Title Role Staff

Title Role Senior Member

Title Role Member

Title Role Junior Member

Title Role New Member

Title Badge Moderator

Title Color Moderator

Title Badge Staff

Title Color Staff

Title Badge Member

Title Color Member

Status Info

Status Verified

ADS Title User

Your Time :

Server Time :

  • Membuat Multiple (Episode's) Post Streaming Video
    November 01, 2020
    Share this Threads
    Close

        Cocok Untuk Streaming Anime/Drakor Dll.Source By Arleth



    Untuk Contoh Silahkan Kunjungi :


    Langkah 1 : 

         Masuk ke Theme > Edit HTML. Cari Code Jquery Seperti :


    <script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js' type='text/javascript'>
    </script>

          Jika ada,biarkan saja. tetapi jika belum.salin code diatas dan taruh diatas code </head>


    Langkah 2 :

         Taruh Code CSS ini diatas Code </head>


    <style>
    /* CSS IFRAME Multiple Stream Video
    ================================ */
    #--title-anime{display:block;text-align:center;padding:10px;font-size:14px;font-weight:600;background:#212121;color:#fff;border-bottom:2px solid #E91E63}
    #--iframe-video{display:block;overflow:hidden;clear:both;text-align:center;background:#212121}
    #--iframe-video a{display:inline-block;padding:7px 10px;font-size:14px;color:#FFF;background:#444;cursor:pointer;margin:5px;border-top-left-radius:5px;border-top-right-radius:5px;font-weight:600;border-bottom:2px solid #E91E63;box-shadow:rgba(0,0,0,.12) 0 1px 3px,rgba(0,0,0,.22) 0 1px 2px;transition:all .2s}
    #--iframe-video a:hover{background:#333;text-decoration:none;transition:all .2s}
    #--iframe-video.--tab-eps:before{content:'Episode';display:block;color:#FFF;padding:10px;font-size:15px;background:#333;border-bottom:1px solid #121212}
    </style>


    Langkah 3 :

        Letakkan Script Ini Diatas </head>

    <script type="text/javascript">
    //<![CDATA[
    // Script Multiple Embed video - Don't Edit
    $(document).ready(function(){(function(){var g=anime.length;var e=$(".--tab-eps");for(var h=0;h<g;h++){e.append("<a class='ganti-eps' data-id='"+h+"' data-eps='Episode "+(h+1)+"'>"+(h+1)+"</a>")}var f=$(".--show-video");$(".ganti-eps").click(function(){f.html('<div class="--responsive"><iframe src="'+anime[parseInt($(this).data("id"))]+'" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360" ></iframe></div>');$("#--title-anime").text($(this).data("eps"))})}())});
    //]]>
    </script>


    Langkah 4 :

        Letakkan Script Ini Didalam Postingan.Terserah tata letaknya.

    <span id='--title-anime'>Judul</span>
    <div class='--show-video'>
    <iframe
    allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width='100%' height='360'
    src="Link EMBED">
    </iframe>
    </div>
    <div id="--iframe-video" class="tabs --tab-eps">
    <!-- tombol akan muncul disini -->
    </div>
    <script>
    // LINK EMBED VIDEO
    var anime = [
    "Link EMBED", // Episode 1
    "Link EMBED", // Episode 2
    "Link EMBED", // Episode 3
    "Link EMBED", // Episode 4
    "Link EMBED", // Episode 5
    "Link EMBED", // Episode 6
    "Link EMBED", // Episode 7
    "Link EMBED", // Episode 8
    "Link EMBED", // Episode 9
    "Link EMBED", // Episode 10
    "Link EMBED", // Episode 11
    "Link EMBED", // Episode 12
    ]
    </script>

        Ganti Tulisan yang saya tandai dengan Judul Movie/Anime dan Link Embed.Jika Episode Lebih atau kurang tinggal kalian Kurangi Dan Tambah Saja.
    Last edited : September 15, 2021

    Similar Threads