Halaman

    Social Items

Visit Namina Blog


Sumber : http://www.x265hevc.com
Selama ini kita hanya mengenal kompresi video x264 (H264), sudah banyak tersebar di internet dengan format Bluray Rip, WEB-DL dan lainnya, yang memiliki resolusi mulai dari 360p, 480p sampai dengan 1080p.

baru baru ini mulai banyak beredar di internet film-film dengan codec video terbaru yang popluler disebut x265 (H265) HEVC (High Efficiency Video Coding). X265 yaitu standar kompresi video terbaru yang di kembangkan oleh Joint Collaborative Team on Video Coding, dengan tujuan untuk membuat video menjadi lebih efisien, menghemat ukuran dan lebih baik  dari generasi sebelumnya yaitu x264.

Sebagai generasi penerus dari kompresi video x264. x265 disebut-sebut lebih unggul dalam hal efisiensinya, dimana pada kualitas yang sama dengan x264, ukuran file video x265 bisa jauh lebih kecil ( tanpa mengurangi kualitas video ). Dengan kata lain, dalam x265 (H265) HEVC, ukuran satu file video menjadi jauh lebih kecil tanpa mengurangi kualitas dan bisa menghemat bandwith saat kita mendownloadnya.

Keunggulan x265-HEVC
  1. 2 kali lipat seefektif dibandingkan H.264
  2. Resolusi dapat mencapai 7680 x 4320 / 8K
  3. Kualitas video tetap terjaga dan mulus
  4. Pengurangan bitrate 50% dengan kualitas yang sama seperti H.264 (dengan ukuran file yang lebih kecil)
  5. Jumlah waktu yang dibutuhkan untuk streaming/download video akan lebih sedikit
  6. Peningkatan tingkat kebisingan, gamut warna dan jangkauan dinamik



Yuk Mengenal HEVC.265



Holaaaaaaaaa :v , pada kesempatan kali ini saya akan membagikan tutorial tentang bagaimana Cara membuat mirror streaming , dilengkapi dengan tombol "Turn Of The Lights" , wahhh mantul bukan ? iya dong ,tutorial ini sangat cocok buat sobat yang mengelola website streaming contohnya website anime. oke tanpa basa basi kita langsung ke tutorialnya.

Cara Membuat Mirror Streaming
1. Buka Blogger , klik Tema , Selanjutnya klik tombol Edit HTML.
2.Letakan Jquery berikut tepat diatas kode </head> , kalo sobat sudah menepatkan kode berikut sebelumnya sobat bisa melewati tahap ini.
  <script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js' type='text/javascript'/>

3. Letakan CSS berikut tepat diatas kode ]]></b:skin>
 /* CSS Spoiler Tabs Post */
#--tabs{overflow:hidden;width:50%;display:inline-block;margin:0;padding:0;list-style:none}
#--tabs li{float:left;margin:0 ;margin-right:0.5%}
#--tabs a{float:left;position:relative;padding:0 9px;height:0;line-height:200px;text-transform:none;text-decoration:none;color:#fff;filter:alpha(opacity=30)}
#--tabs a:hover,#--tabs a:focus{border-bottom-color:#2e51a2;opacity:1;filter:alpha(opacity=100)}
#--tabs a:focus{outline:0}
#content {padding:0;}
#--tabs #current{z-index:3;border-bottom-color:#3d3d3d;opacity:1;filter:alpha(opacity=100);margin-bottom:5px}
#--tabs a{height:0;line-height:30px;border-bottom:30px solid #34373b;font-size:smaller}
#lightsVideo {position:relative;z-index:102;}
.lightSwitcher a:hover {text-decoration: none;color: #eee;}
.lightSwitcher {position: relative;z-index: 600;cursor: pointer;color: #fff;height: 0;padding: 0 5px;line-height: 30px;border-bottom: 30px solid #34373b;font-size: smaller;float: right;}
.lightSwitcher:hover {cursor:pointer;}
.lightSwitcher a {color: #FFF;text-decoration: none;}
.turnedOff {color: #eee;}
#lightsoff {background:rgba(0,0,0,0.90);opacity:0.99;position:fixed;left:0;top:0;width:100%;z-index:100;}
/* Frame video responsive */
.post-body iframe{width:100%!important;}
@media screen and (max-width:960px){.post-body iframe{max-height:90%}}
@media screen and (max-width:768px){.post-body iframe{max-height:75%}}
@media screen and (max-width:600px){.post-body iframe{max-height:60%}}
@media screen and (max-width:480px){.post-body iframe{height:auto!important;max-height:auto!important}}

4. Selanjutnya tambahkan kode javascript berikut tepat diatas kode </body>
 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='lightsoff'/>
<script type='text/javascript'>//<![CDATA[
// Tabs Mirror
$(document).ready(function(){$("#content").find("[id^='tab']").hide(),$("#--tabs li:first").attr("id","current"),$("#content #tab1").fadeIn(),$("#--tabs a").click(function(t){t.preventDefault(),"current"!=$(this).closest("li").attr("id")&&($("#content").find("[id^='tab']").hide(),$("#--tabs li").attr("id",""),$(this).parent().attr("id","current"),$("#"+$(this).attr("name")).fadeIn())})});
// Light Button
$(document).ready(function(){$("#lightsoff").css("height", $(document).height()).hide();$(".lightSwitcher").click(function(){$("#lightsoff").toggle();if ($("#lightsoff").is(":hidden"))$(this).html("Turn off the Lights").removeClass("turnedOff");else $(this).html("Turn on the Lights").addClass("turnedOff");});});
//]]></script>
</b:if>

5. Simpan tema

Buatlah postingan atau halaman baru , dan gunakan markup HTML berikut untuk mirror streamingnya
 <div id="lightsVideo">
<ul id="--tabs">
<li><a href="#" name="tab1">Google Drive</a></li>
<li><a href="#" name="tab2">Solidfiles</a></li>
<li><a href="#" name="tab3">Mp4Upload</a></li>
</ul>
<span class="lightSwitcher" id="checkbox"><a href="javascript:void(0);" type="checkbox">Turn off the Lights</a><label data-off="OFF" data-on="ON">
  </label></span>
  <br />
<div id="content">
<div id="tab1">
<iframe allowfullscreen="" frameborder="0" height="360" marginheight="0" marginwidth="0" scrolling="NO" src="Isi dengan Link embed" width="640"></iframe>
    </div>
<div id="tab2">
<!-- IFRAME VIDEOS -->
<iframe allowfullscreen="" frameborder="0" height="360" marginheight="0" marginwidth="0" scrolling="NO" src="Isi dengan Link embed" width="640"></iframe>
    </div>
<div id="tab3">
<!-- IFRAME VIDEOS -->
<iframe allowfullscreen="" frameborder="0" height="360" marginheight="0" marginwidth="0" scrolling="NO" src="Isi dengan Link embed" width="640"></iframe>
    </div>
</div>
</div>

Silahkan sobat ganti "Isi dengan Link embed" dengan sumber video embed sobat , silahkan lihat contoh dibawah ini agar paham .
 <div id="lightsVideo">
<ul id="--tabs">
<li><a href="#" name="tab1">Google Drive</a></li>
<li><a href="#" name="tab2">Solidfiles</a></li>
<li><a href="#" name="tab3">Mp4Upload</a></li>
</ul>
<span class="lightSwitcher" id="checkbox"><a href="javascript:void(0);" type="checkbox">Turn off the Lights</a><label data-off="OFF" data-on="ON">
  </label></span>
  <br />
<div id="content">
<div id="tab1">
<iframe allowfullscreen="" frameborder="0" height="360" marginheight="0" marginwidth="0" scrolling="NO" src="https://drive.google.com/file/d/1AXnTHzX1rO9XdNXumJq_ZC7GbQBWh-w4/preview" width="640"></iframe>
    </div>
<div id="tab2">
<!-- IFRAME VIDEOS -->
<iframe allowfullscreen="" frameborder="0" height="360" marginheight="0" marginwidth="0" scrolling="NO" src="https://www.mp4upload.com/embed-ijd403apf49t.html" width="640"></iframe>
    </div>
<div id="tab3">
<!-- IFRAME VIDEOS -->
<iframe allowfullscreen="" frameborder="0" height="360" marginheight="0" marginwidth="0" scrolling="NO" src="https://www.mp4upload.com/embed-ijd403apf49t.html" width="640"></iframe>
    </div>
</div>
</div>


saya harap dengan penjelasan yang saya buat ini mudah dipahami oleh sobat, demikan untuk tutorial mengenai Cara Membuat Mirror Streaming Responsive di Blogspot kali ini , bila ada yang perlu dipertanyakan silahkan komentar dibawah, sampai jumpa di tutorial selanjutya




Cara Membuat Mirror Streaming Responsive di Blogspot


Download Template Viral Go Premium Free

Pada kesempatan kali ini saya akan membagikan template yang menurut saya sangat bagus dan tentu saja responsive .

Fitur Viral Go Premium
Features Availability
Responsive True Cek
Mobile Friendly True Cek
SEO Friendly True
Personal Blog True
2 Column True
Light Base Color True
Search Box True
Top Navigation True
Sticky Navigation True
Back to Top Button True
Grid Style True
Page Numbered True
Share Button True
Footer Navigation True
Footer Widget True
Breadcrumb True
Featured Slider True
Related Post True
Recent Post True
Mid Header True

Langsung saja sobat bisa download file templatenya lewat link dibawah ini :





Download Template Viral Go Premium Free


Cara Membuat Page Number di Blogger

Pada kesempatan kali ini saya akan membagikan bagaimana cara membuat page number navigasi di blogger atau blogspot
, perlu sobat ketahui navigasi mempermudah para pengunjung untuk melihat halaman berikutnya pada blog sobat , menurut saya page number kali ini sangat keren dan tentu saja responsive , oke langsung saja ketutorialnya.

Cara Membuat Page Number
1. Buka Blogger ,Klik Tema lalu pilih Edit HTML.
2.Letakan CSS berikut tepat diatas kode ]]></b:skin>
 /* NUMBERED PAGE NAVIGATION START*/
#blog-pager{clear:both;display:block;padding:10px 0 17px 0;margin:13px 0 13px 0;font-size:17px;text-align:center}
#blog-pager a,#blog-pager span.pagecurrent{text-decoration:none;padding:7px 11px;background:#029091;border-radius:3px;color:#fff;transition:background 0.3s;margin:1px;display:inline-block}
#blog-pager .lastpage,#blog-pager .firstpage,#blog-pager span.showpageOf{display:none}
#blog-pager a:hover{background-color:#027273;color:#fff;transition:.2s;text-decoration:none}
/* NUMBERED PAGE NAVIGATION END*/

3.Jika sudah sobat cari kode <b:includable id='nextprev'>
lalu sobat fokuskan ke kode <b:includable id='nextprev'>...</b:includable> lalu ganti dengan kode berikut
 <b:includable id='nextprev'>
<b:if cond='data:blog.pageType != &quot;item&quot; and data:blog.pageType != &quot;static_page&quot;'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><i class='fa fa-angle-double-left'/> <data:olderPageTitle/></a>
      </span>
    </b:if>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/> <i class='fa fa-angle-double-right'/></a>
      </span>
    </b:if>
    <b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>
    </b:if>
  </div>
</b:if>
  <div class='clear'/>
</b:includable>

4.Selanjutnya sobat letakan kode berikut ini tepat diatas kode </body>
 <b:if cond='data:blog.pageType not in {&quot;static_page&quot;,&quot;item&quot;}'>
<script type='text/javascript'>//<![CDATA[
// Page Navigation
    var perPage=7;
    var numPages=7;
    var firstText ='First';
    var lastText ='Last';
    var prevText ='<span class="fa fa-arrow-circle-left"></span>';
    var nextText ='<span class="fa fa-arrow-circle-right"></span>';
    var urlactivepage=location.href;
    var home_page="/";
if(typeof firstText=="undefined")firstText="First";if(typeof lastText=="undefined")lastText="Last";var noPage;var currentPage;var currentPageNo;var postLabel;pagecurrentg();function looppagecurrentg(pageInfo){var html='';pageNumber=parseInt(numPages / 2);if(pageNumber==numPages-pageNumber){numPages=pageNumber*2+1}
pageStart=currentPageNo-pageNumber;if(pageStart<1)pageStart=1;lastPageNo=parseInt(pageInfo / perPage)+1;if(lastPageNo-1==pageInfo / perPage)lastPageNo=lastPageNo-1;pageEnd=pageStart+numPages-1;if(pageEnd>lastPageNo)pageEnd=lastPageNo;html+="<span class='showpageOf'>Page "+currentPageNo+' of '+lastPageNo+"</span>";var prevNumber=parseInt(currentPageNo)-1;if(currentPageNo>1){if(currentPage=="page"){html+='<span class="showpage firstpage"><a href="'+home_page+'">'+firstText+'</a></span>'}else{html+='<span class="displaypageNum firstpage"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">'+firstText+'</a></span>'}}
if(currentPageNo>2){if(currentPageNo==3){if(currentPage=="page"){html+='<span class="showpage"><a href="'+home_page+'">'+prevText+'</a></span>'}else{html+='<span class="displaypageNum"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">'+prevText+'</a></span>'}}else{if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+prevNumber+');return false">'+prevText+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+prevNumber+');return false">'+prevText+'</a></span>'}}}
if(pageStart>1){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="displaypageNum"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">1</a></span>'}}
if(pageStart>2){html+=' ... '}
for(var jj=pageStart;jj<=pageEnd;jj++){if(currentPageNo==jj){html+='<span class="pagecurrent">'+jj+'</span>'}else if(jj==1){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="displaypageNum"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">1</a></span>'}}else{if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+jj+');return false">'+jj+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+jj+');return false">'+jj+'</a></span>'}}}
if(pageEnd<lastPageNo-1){html+=' ... '}
if(pageEnd<lastPageNo){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+lastPageNo+');return false">'+lastPageNo+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+lastPageNo+');return false">'+lastPageNo+'</a></span>'}}
var nextnumber=parseInt(currentPageNo)+1;if(currentPageNo<(lastPageNo-1)){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+nextnumber+');return false">'+nextText+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+nextnumber+');return false">'+nextText+'</a></span>'}}
if(currentPageNo<lastPageNo){if(currentPage=="page"){html+='<span class="displaypageNum lastpage"><a href="#" onclick="redirectpage('+lastPageNo+');return false">'+lastText+'</a></span>'}else{html+='<span class="displaypageNum lastpage"><a href="#" onclick="redirectlabel('+lastPageNo+');return false">'+lastText+'</a></span>'}}
var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}
if(pageArea&&pageArea.length>0){html=''}
if(blogPager){blogPager.innerHTML=html}}
function totalcountdata(root){var feed=root.feed;var totaldata=parseInt(feed.openSearch$totalResults.$t,10);looppagecurrentg(totaldata)}
function pagecurrentg(){var thisUrl=urlactivepage;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){postLabel=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{postLabel=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}
if(thisUrl.indexOf("?q=")==-1&&thisUrl.indexOf(".html")==-1){if(thisUrl.indexOf("/search/label/")==-1){currentPage="page";if(urlactivepage.indexOf("#PageNo=")!=-1){currentPageNo=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{currentPageNo=1}
document.write("<script src=\""+home_page+"feeds/posts/summary?max-results=1&alt=json-in-script&callback=totalcountdata\"><\/script>")}else{currentPage="label";if(thisUrl.indexOf("&max-results=")==-1){perPage=20}
if(urlactivepage.indexOf("#PageNo=")!=-1){currentPageNo=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{currentPageNo=1}
document.write('<script src="'+home_page+'feeds/posts/summary/-/'+postLabel+'?alt=json-in-script&callback=totalcountdata&max-results=1" ><\/script>')}}}
function redirectpage(numberpage){jsonstart=(numberpage-1)*perPage;noPage=numberpage;var nameBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nameBody.appendChild(newInclude)}
function redirectlabel(numberpage){jsonstart=(numberpage-1)*perPage;noPage=numberpage;var nameBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary/-/"+postLabel+"?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nameBody.appendChild(newInclude)}
function finddatepost(root){post=root.feed.entry[0];var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);var timestamp=encodeURIComponent(timestamp1);if(currentPage=="page"){var pAddress="/search?updated-max="+timestamp+"&max-results="+perPage+"#PageNo="+noPage}else{var pAddress="/search/label/"+postLabel+"?updated-max="+timestamp+"&max-results="+perPage+"#PageNo="+noPage}
location.href=pAddress}
//]]></script>
</b:if>

var perPage=7; (untuk menampilkan jumlah artikel disuatu halaman)
var numPages=7; (untuk menampilkan jumlah angka ) silahkan sobat ganti dengan kebutuhan sobat masing masing .
Demikian untuk tutorial kali ini , bila ada yang ingin dipertanyakan ,silahkan komentar dibawah, sampai jumpa ditutorial berikutnya



Cara Membuat Page Number di Blogger


Cara Membuat Download Box Meownime Terbaru

Pada kesempatan kali ini saya akan membagikan tutorial bagaimana cara membuat download box seperti meownime terbaru.
Seperti yang kita tahu diluar sana banyak sekali situs fanshare atau fansub ,salah satunya yaitu meownime. Buat sobat yang gemar mendownload anime pasti tidak asing dengan situs fanshare yang satu ini , Meownime , dengan tampilan yang sederhana dan juga fast loading situs meownime banyak sekali pengujungnya , meownime ini menyediakan semua resolusi dari 720p sampai 240p , keunikan website Meownime salah satunya yaitau download boxnya , pada kali ini saya akan membagikan tutorial cara membuat download box seperti meownime yang terbaru.

Cara Membuat Download Box Meownime
1. Buka Blogger ,pergi ke Tema terus klik Edit HTML
2. Letakan CSS berikut ini tepat diatas kode ]]></b:skin>
 /* CSS Download Box Meownime v3  */
.Meownime-downloadbox-wrapper * {box-sizing: border-box;}
#RubyKurosawa_LoveLiveTeamB {text-align:center}
#RubyKurosawa_LoveLiveTeamB a {text-align:center;font-weight:650;color:#ffffff;margin-bottom:10px}
.RubyKurosawa_LoveLiveTeamB1 {width:99%}
.RubyKurosawa_LoveLiveTeamB2 {background-color:#1e73be;border-color:#1e73be;display:inline-block;padding:6px 12px;color:#ffffff;text-transform:uppercase;font-size:14px;font-weight:650;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;cursor:pointer;user-select:none;background-image:none;border:2px solid transparent;border-radius:9px;-ms-touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.RubyKurosawa_LoveLiveTeamB2:hover {background-color:#363636;border-color:#363636;color:#ffffff}
.RubyKurosawa_LoveLiveTeamB3 {width:49%;float:left}
.RubyKurosawa_LoveLiveTeamB4 {width:49%;float:right}
.RubyKurosawa_LoveLiveTeamB5 {padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}
.RubyKurosawa_LoveLiveTeamB6 {text-align:center;color:#31708f;background-color:#d9edf7;border:2px solid #31708f}
.RubyKurosawa_LoveLiveTeamB7 {width:100%;max-width:100%;margin-bottom:20px}
.RubyKurosawa_LoveLiveTeamB8 {padding:8px;line-height:1.42857143;vertical-align:top}

3.Gunakan HTML dibawah ini untuk download boxnya.
 <!-- CODEPELAJAR.COM | HTML -->
<div class="Meownime-downloadbox-wrapper" dir="ltr" style="text-align:left" trbidi="on">
<table class="RubyKurosawa_LoveLiveTeamB7" style="width:100%">
<tbody>
<tr>
<td class="RubyKurosawa_LoveLiveTeamB8" bgcolor="#33363b">
<center>
<span style="color:#ffffff;"><b>Link Download #1 — </b></span><b><span style="color:#da4453;">Episode 000 – 000</span></b>
</center>
</td>
</tr>
</tbody>
</table>
<div class="RubyKurosawa_LoveLiveTeamB5 RubyKurosawa_LoveLiveTeamB6 ">Episode 00 Dan 00 Hanya Episode Recap, Sengaja Tidak Disertakan Pada Link Download Di Bawah Ini</div>
<div id="RubyKurosawa_LoveLiveTeamB">
<a class="RubyKurosawa_LoveLiveTeamB2 RubyKurosawa_LoveLiveTeamB3" target="_blank" href="#">240p</a>
<a class="RubyKurosawa_LoveLiveTeamB2 RubyKurosawa_LoveLiveTeamB4" target="_blank" href="#">360p</a>
</div>
<div id="RubyKurosawa_LoveLiveTeamB">
<a class="RubyKurosawa_LoveLiveTeamB2 RubyKurosawa_LoveLiveTeamB4" target="_blank" href="#">480p</a>
<a class="RubyKurosawa_LoveLiveTeamB2 RubyKurosawa_LoveLiveTeamB3" target="_blank" href="#">720p</a>
</div>
<div id="RubyKurosawa_LoveLiveTeamB">
<a class="RubyKurosawa_LoveLiveTeamB2 RubyKurosawa_LoveLiveTeamB4" target="_blank" href="#">Mkv 480p</a>
<a class="RubyKurosawa_LoveLiveTeamB2 RubyKurosawa_LoveLiveTeamB3" target="_blank" href="#">Mkv 720p</a>
</div>
<div id="RubyKurosawa_LoveLiveTeamB">
<a class="RubyKurosawa_LoveLiveTeamB2 RubyKurosawa_LoveLiveTeamB1" target="_blank" href="#">BATCH</a>
</div>
</div>

Silahkan sobat seusaikan konten dari download box seperti url dan nama downloadnya

Demikian tutorial mengenai cara membuat download box meownime terbaru , semoga tutorial kali ini berguna buat sobat yang mengelola file download, sampai jumpa di tutorialnya selanjutnya



Cara Membuat Download Box Meownime Terbaru



Pada kesempatan kali ini saya akan membahas tentang artikel yang mungkin sobat belum tahu atau tidak tau yaitu tentang Cara Mengubah Scroll Pada Blog Atau Website , perlu diketahui scroll bar yang berada disamping blog sobat bisa di ubah warnanya lho .
dengan menggunakan tutorial kali ini sobat dapat mengubah warna scroll bar blog sobat dengan warna apa aja yang sobat sukai . oke langsung saja ke tutorliannya.

Cara Mengubah Scroll Pada Blog
1. Buka Blogger , klik Tema , Edit HTML.
2. Letakan kode berikut tempat diatas kode ]]></b:skin>
 ::-webkit-scrollbar{height:12px; width:15px; background:#EEE}
::-webkit-scrollbar-thumb{background-color:#2c4584;}

3. Simpan template , dan lihat hasilnya.

Ubahlah #EEE untuk mengubah warna background, dan #2c4584 untuk mengubah warna scrollnya , tutorial kali ini hanya berkerja di broweser Google Chrome . Untuk browser lainya saya belum coba


Demikian tutorial mengenai Cara Mengubah Scroll Pada Blog Atau Website , semoga bermanfaat , sampai jumpa di tutorial alpose selanjutnya


Cara Mengubah Scroll Pada Blog Atau Website

Langganan: Postingan (Atom)