Information

1/23/2017 3 Comments
Informasi | Izinkan saya, admin disini menawarkan jasa membuat atau memodifikasi/mendesign blog tentunya dengan sedikit keahlian saya. Jasa ini diperuntukan bagi para kamu yang kesulitan dalam memperindah/mendesign blog yang dimiliki para sobat Arleth-desz.

Informasi

Disini saya mempunyai beberapa Template Premium dengan harga 1 Template yaitu Rp.50.000,-. [Klik Disini]. Jika tertarik bisa kalian order/beli atau dari salah satu template premium tersebut bisa kalian kreasikan menurut versi sendiri & tambahan fitur bebas lainnya dengan harga tambahan Rp.20.000.

Diblog ini ane juga menyediakan Template Free yang tidak kalah menarik lainnya, seperti dibawah ini :
  1. OneBatch Clonning Template
  2. Aotenshi-clon Template Blogger
  3. Juragan Nime Clon Template
  4. Kurogaze Template Blogger
  5. GridNime Template Blogger
  6. Dan Lainnya

Donasi

Saya disini membuka Donasi untuk bisa tetap memberikan tutorial baik itu yang Request ataupun tidak. Donasi bisa kalian berikan kepada saya berupa pulsa Min. Rp.10.000, Donasi yang masuk akan saya gunakan untuk melanjutkan Request List yang masih terbilang Delay karena beberapa alasan lain. Ok sekian dulu pengumuman ini saya buat, saya tidak memaksa kalian untuk ber-Donasi namun saya hanya ingin ke ikhlasannya saja.

Berikut List Yang Sudah Order Diblog ini

  1. www.suki48.net
  2. www.subapics.net
  3. www.aikanime.id
  4. www.yasumisubs.org
  5. vocapoid.blogspot.co.id
  6. Lainnya lupa :'v

Unlimited Stream Blogger Template [Free]

1/22/2017 2 Comments
Unlimited Stream Blogger Template [Free]

Selamat pagi sobat blogger, kali ini saya akan membagikan template free dari salah satu request list yang saya buat, template kali ini saya bagikan secara gratis jadi silahkan gunakan secara bijak dan jangan menghilangkan credit linknya. Template kali ini saya buat dengan berbagai fitur seperti :
  1. Grid Style
  2. Mobile Friendly
  3. Fast loaded
  4. Seo Friendly
  5. Responsive
  6. Back to top
  7. Style Error 404
  8. Ads banner 728x90px
  9. Streaming Post Responsive
  10. Light Streaming post
  11. Fontawesome
  12. Genre Dropdown
  13. Random post

DEMO DOWNLOAD

Sobat juga bisa menambahkan fitur lainnya Silahkan Cek di sini, ok sekian dulu kali ini, Jika kalian ingin bertanya silahkan atau buat yang ingin membeli Template Dengan Design sesuai yang diinginkan silahkan Contact saya di Fanspage.

Ongoing List Anime [Auto Index]

1/20/2017 Comments
Cara Membuat Ongoing List Anime [Auto Index] - Ongoing List Anime biasanya dapat ditemui diblog atau web-web anime baik itu fansub atau fanshare yang gunanya untuk memberi informasi kepada visitor blog/web tersebut dapat mengetahui anime apa saja yang dirilis tiap musimnya.

Cara Membuat Ongoing List Anime Auto Index - Blogger [Arleth98]

Kali ini saya akan membagikan tutorial yang bermanfaat untuk kalian yang mempunyai blog fansub atau fanshare anime, yaitu Cara Membuat Ongoing List Anime Auto Index, sesuai judulnya tutorial ini sangat simpel, kalian tidak perlu lagi untuk mengedit satu-persatu tiap musimnya karena saya memberikan fitur Auto Index jadi hanya perlu menggunakan label dan otomatis akan terindeks, ok langsung saja kita mulai.

Ongoing List Anime Auto Index

1. Pertama Buka Blogger > Template > Edit HTML, lalu pastikan ada javascript ini di atas </head>
<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js' type='text/javascript'></script>

2. Cari </body>, lalu tambahkan javascript ini di atasnya
<script type="text/javascript">
$(document).ready(function() {$('img.ongoinglist-images').attr('src', function(i, src) 
{return src.replace( 's72-c', 'w122-h145-c' );});});
</script>

3. Cari </style>, dan simpan CSS berikut di atasnya, Jika Sudah Save Template
/* Ongoing List Auto Index By Arleth98 */
ul.ongoing-list-post{margin:0!important;line-height:normal!important;list-style:none!important;font-weight:400!important}
li.list-ongoing{margin:5px 5px!important;width:46%!important;padding:5px!important;float:left!important;line-height:normal!important;font-size:13px!important;position:relative!important;border:1px solid #ddd!important;list-style:none!important}
img.ongoinglist-images{float:left!important;width:122px!important;height:145px!important;margin-right:5px!important;border:1px solid!important}
.ongoinglist-judul{margin-bottom:5px!important;font-weight:600!important}
.ongoinglist-more{position:absolute!important;bottom:0!important;right:5px!important}

3. Buatlah Halaman/ Page baru, kemudian tambahkan Javascript & HTML berikut ini, jangan lupa di edit, jika sudah Save & lihat hasilnya.
<script type="text/javascript">
var jumlah_ongoinglist = 99;
var showongoingimages = true;
var articleongoing = true;
var ongoing_konten = true;
var jumlah_konten = 75;
var showcommentslink = false;var ongoing_release = false; function showongoinglist(C){document.write('<ul class="ongoing-list-post">');for(var P=0;P<jumlah_ongoinglist;P++){var D,H=C.feed.entry[P],L=H.title.$t;if(P==C.feed.entry.length){break}for(var G=0;G<H.link.length;G++){if("replies"==H.link[G].rel&&"text/html"==H.link[G].type){var J=H.link[G].title,I=H.link[G].href}if("alternate"==H.link[G].rel){D=H.link[G].href;break}}var B;try{B=H.media$thumbnail.url}catch(M){s=H.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),B=-1!=a&&-1!=b&&-1!=c&&""!=d?d:"https://2.bp.blogspot.com/-C3Mo0iKKiSw/VGdK808U7rI/AAAAAAAAAmI/W7Ae_dsEVAE/s1600/no-thumb.png"}var F=H.published.$t,O=F.substring(0,4),N=F.substring(5,7),z=F.substring(8,10),x=new Array;if(x[1]="Jan",x[2]="Feb",x[3]="Mar",x[4]="Apr",x[5]="May",x[6]="Jun",x[7]="Jul",x[8]="Aug",x[9]="Sep",x[10]="Oct",x[11]="Nov",x[12]="Dec",document.write('<li class="list-ongoing">'),1==showongoingimages&&document.write('<a href="'+D+'"><img class="ongoinglist-images" src="'+B+'"/></a>'),document.write('<div class="ongoinglist-judul"><a href="'+D+'" target ="_top">'+L+"</a></div>"),"content" in H){var E=H.content.$t}else{if("summary" in H){var E=H.summary.$t}else{var E=""}}var K=/<\S[^>]*>/g;if(E=E.replace(K,""),1==ongoing_konten){if(E.length<jumlah_konten){document.write(E)}else{E=E.substring(0,jumlah_konten);var q=E.lastIndexOf(" ");E=E.substring(0,q),document.write(E+"...")}}var Q="",j=0;document.write('<br><div class="ongoinglist-more">'),1==ongoing_release&&(Q=Q+x[parseInt(N,10)]+" "+z+" "+O,j=1),1==articleongoing&&(1==j&&(Q+=" | "),Q=Q+'<a href="'+D+'" class="url" target ="_top">Read more</a>',j=1),1==showcommentslink&&(1==j&&(Q+=" <br> "),"1 Comments"==J&&(J="1 Comment"),"0 Comments"==J&&(J="No Comments"),J='<a href="'+I+'" target ="_top">'+J+"</a>",Q+=J,j=1),document.write(Q),document.write("</div>"),document.write("</li>")}document.write("</ul>")};
</script>
<script src="/feeds/posts/default/-/Fall%202016?orderby=published&alt=json-in-script&callback=showongoinglist"></script>
<noscript>Your browser does not support JavaScript!</noscript>

Demo

Setting

TagKeterangan
var jumlah_ongoinglist = 99; No 99 untuk menampilkan Jumlah postnya
var jumlah_konten = 75; No 75 untuk menampilkan Jumlah kontennya
Fall%202016 Ganti Dengan Label
Jika Lebar & tinggi-nya tidak sesuai silahkan kalian ubah di langkah ke 3 & 2

Recent Post Dropdown By Label

1/16/2017 Comments
Recent Post Dropdown By Label

Recent Post Dropdown By Label - Selamat pagi semuanya, kali ini saya akan membagikan tutorial dari salah satu request, tutorial kali ini sangat bermanfaat bagi sobat yang punya blog manga atau streaming, sebelumnya saya juga sudah membagikan tutorial tentang Cara Membuat Mirror Streaming video untuk blogger, ok kali ini tutorialnya cukup simple dan sederhana saja bahkan newbie-pun bisa menerapkan tutorial ini pada template blognya.

Recent Post Dropdown By Label

1. Buka Blogger > Template > Edit HTML, lalu simpan CSS berikut ini di atas </style>
/* CSS Recent Post Dropdown By Label */
.select-chapter{padding:5px;border:1px solid #ddd;text-align:center;display:block;margin:0 auto 20px;max-width:40%}
@media screen and (max-width:640px){.select-chapter{max-width:70%!important}}
@media screen and (max-width:320px){.select-chapter{max-width:100%!important}}

2. Cari <div class='post-header'> atau <div class='post-info'>, sesuaikan dengan template kalian, jika sudah simpan script ini dibawahnya
<div id='select-chapter'>
<script src='https://cdn.rawgit.com/Arleth98/Js/8b21d649/select_chptr.js' type='text/javascript'/>
<b:loop values='data:post.labels' var='label'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=slctchptr&amp;orderby=published&amp;max-results=999&quot;' type='text/javascript'/>
</b:loop>
<select class='select-chapter' onchange='document.location.href=this.options[this.selectedIndex].value;'>
<option value='#'>More Episode</option><script type='text/javascript'>selectchapt();</script></select>
<div class='clear'/>
</div>

Sekian tutorial kali ini semoga bermanfaat, sampai jumpa ditutorial berikutnya.

Mirror Streaming video untuk blogger

1/14/2017 Comments
cara membuat Mirror Streaming video untuk blogger

Cara membuat Mirror Streaming video untuk blogger - Selamat pagi semuanya, kali ini saya akan membagikan request tutorial tentang Cara Membuat Mirror Streaming Video Untuk Blogger, request lainnya belum bisa saya buat karena komputer admin sedang rusak jadi saya hanya membuat request yang menurut saya mudah, ok langsung saja kita mulai tutorial kali ini.
Demo

Mirror Streaming video untuk blogger

1. Buka Blogger > Template > Edit HTML, lalu cari </style> lalu simpan CSS berikut di atasnya
/* Lampu mati bro */
#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;}
/* 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: 10px 5px;}
#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}

2. Langkah ke dua yaitu simpan javascript berikut ini di atas </body>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script>
//<![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())})});
//]]>
</script>
<div id='lightsoff'/>
<script type='text/javascript'>
//<![CDATA[
// 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>

3. Langkah terakhir buatlah post, simpan HTML berikut ini di post tersebut dan jangan lupa ganti yang sudah saya tandai.
<div id="lightsVideo">
<ul id="tabs">
<li><a href="#" name="tab1">Solidfiles</a></li>
<li><a href="#" name="tab2">Mp4Upload</a></li>
<li><a href="#" name="tab3">GDrive</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'/>
</span>

<div id="content">

<div id="tab1">
<iframe src="https://drive.google.com/file/d/0B8mLGk1JKQS_MnptOFJjemlFOUk/preview" width="730" height="410"></iframe>
</div>

<div id="tab2">
<IFRAME SRC="http://www.mp4upload.com/embed-8pi035khmao7.html" FRAMEBORDER=0 MARGINWIDTH=0 MARGINHEIGHT=0 SCROLLING=NO WIDTH=730 HEIGHT=410 allowfullscreen></IFRAME>
</div>

<div id="tab3">
<iframe src="https://drive.google.com/file/d/0B8mLGk1JKQS_MnptOFJjemlFOUk/preview" width="730" height="410"></iframe>
</div>

</div>
</div>

Sekali lagi maaf ya bagi yang sudah request tapi belum diselesaikan, ok sekian tutorial kali ini semoga bermanfaat & sampai jumpa ditutorial berikutnya.