Cara membuat Mirror Streaming video untuk blogger

<div class="post-body entry-content" id="post-body-1683913562427223105"><amp-img alt="cara membuat Mirror Streaming video untuk blogger" height="358" layout="responsive" src="https://1.bp.blogspot.com/-xfaWy7XgOzo/WHlUdlL28FI/AAAAAAAAAq0/TftoqcN_KEMiNu7ou7vbKUb9fnBhoMUOwCLcB/s640/mirror-streaming-blogger-arleth98.png" title="cara membuat Mirror Streaming video untuk blogger" width="640"></amp-img> <br /><img alt="cara membuat Mirror Streaming video untuk blogger" src="https://1.bp.blogspot.com/-xfaWy7XgOzo/WHlUdlL28FI/AAAAAAAAAq0/TftoqcN_KEMiNu7ou7vbKUb9fnBhoMUOwCLcB/s640/mirror-streaming-blogger-arleth98.png" /><br /><span style="color: #0b5394;">Cara membuat Mirror Streaming video untuk blogger</span> - 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. <br /><div class="thumb-post"><noscript><img alt="Mirror Streaming video untuk blogger" height="358" src="https://1.bp.blogspot.com/-xfaWy7XgOzo/WHlUdlL28FI/AAAAAAAAAq0/TftoqcN_KEMiNu7ou7vbKUb9fnBhoMUOwCLcB/s640/mirror-streaming-blogger-arleth98.png" width="640"/></noscript></div><center><a class="btn demo" href="http://tuts-arleth.blogspot.co.id/2016/12/mirror-streaming.html" rel="nofollow" target="_blank"> Demo <i aria-hidden="true" class="fa fa-paper-plane"></i></a></center><br /><h4>Mirror Streaming video untuk blogger</h4>1. Buka <b>Blogger > Template > Edit HTML</b>, lalu cari <kbd></style></kbd> lalu simpan CSS berikut di atasnya <br /><pre data-codetype="CSSku" title="CSS"><code>/* Lampu mati bro */<br />#lightsVideo {position:relative;z-index:102;}<br />.lightSwitcher a:hover {text-decoration: none;color: #eee;}<br />.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;}<br />.lightSwitcher:hover {cursor:pointer;}<br />.lightSwitcher a {color: #FFF;text-decoration: none;}<br />.turnedOff {color: #eee;}<br />#lightsoff {background:rgba(0,0,0,0.90);opacity:0.99;position:fixed;left:0;top:0;width:100%;z-index:100;}<br />/* CSS Spoiler Tabs Post */<br />#tabs{overflow:hidden;width:50%;display:inline-block;margin:0;padding:0;list-style:none}<br />#tabs li{float:left;margin:0 ;margin-right:0.5%}<br />#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)}<br />#tabs a:hover,#tabs a:focus{border-bottom-color:#2e51a2;opacity:1;filter:alpha(opacity=100)}<br />#tabs a:focus{outline:0}<br />#content {padding: 10px 5px;}<br />#tabs #current{z-index:3;border-bottom-color:#3d3d3d;opacity:1;filter:alpha(opacity=100);margin-bottom:5px}<br />#tabs a{height:0;line-height:30px;border-bottom:30px solid #34373b;font-size:smaller}</code></pre><br />2. Langkah ke dua yaitu simpan javascript berikut ini di atas <kbd></body></kbd><br /><pre data-codetype="JavaScriptku" title="Javascript"><code><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><script><br />//<![CDATA[<br />// Tabs Mirror<br />$(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())})});<br />//]]><br /></script><br /><div id='lightsoff'/><br /><script type='text/javascript'><br />//<![CDATA[<br />// Light Button<br />$(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");});});<br />//]]><br /></script><br /></b:if></code></pre><br />3. Langkah terakhir buatlah post, simpan HTML berikut ini di post tersebut dan jangan lupa ganti yang sudah saya tandai. <br /><pre data-codetype="HTMLku" title="HTML"><code><div id="lightsVideo"><br /><ul id="tabs"><br /><li><a href="#" name="tab1"><mark>Solidfiles</mark></a></li><br /><li><a href="#" name="tab2"><mark>Mp4Upload</mark></a></li><br /><li><a href="#" name="tab3"><mark>GDrive</mark></a></li><br /></ul><br /><span class='lightSwitcher' id='checkbox'><a href='javascript:void(0);' type='checkbox'>Turn off the Lights</a><label data-off='OFF' data-on='ON'/><br /></span><br /><br /><div id="content"><br /><br /><div id="tab1"><br /><mark><iframe src="https://drive.google.com/file/d/0B8mLGk1JKQS_MnptOFJjemlFOUk/preview" width="730" height="410"></iframe></mark><br /></div><br /><br /><div id="tab2"><br /><mark><IFRAME SRC="http://www.mp4upload.com/embed-8pi035khmao7.html" FRAMEBORDER=0 MARGINWIDTH=0 MARGINHEIGHT=0 SCROLLING=NO WIDTH=730 HEIGHT=410 allowfullscreen></IFRAME></mark><br /></div><br /><br /><div id="tab3"><br /><mark><iframe src="https://drive.google.com/file/d/0B8mLGk1JKQS_MnptOFJjemlFOUk/preview" width="730" height="410"></iframe></mark><br /></div><br /><br /></div><br /></div></code></pre><br />Sekali lagi maaf ya bagi yang sudah request tapi belum diselesaikan, ok sekian tutorial kali ini semoga bermanfaat & sampai jumpa ditutorial berikutnya. <br /><div class="clear"></div></div>

Cara buat Iklan Disamping Related Post Blog

Halo sobat blogger, kali ini saya akan membagikan tutorial singkat yang mungkin berguna untuk kalian. Tutorial kali ini saya buat berdasarka...' itemprop='description'/> <br /><div class="post-body entry-content" id="post-body-2404678834648631008">Halo sobat blogger, kali ini saya akan membagikan tutorial singkat yang mungkin berguna untuk kalian. Tutorial kali ini saya buat berdasarkan request & sebelumnya mohon maaf bagi yang sudah request namun belum dipublish. <br /><img alt="Cara Membuat Iklan Disamping Related Post" src="https://2.bp.blogspot.com/-NJj4gNSFzUY/WIe9zmgONpI/AAAAAAAAAuE/dBShOZnwI9wxKAIHKuQrGa7MZCF-m16lgCLcB/s640/cara-membuat-iklan-disamping-related-post.png" /><br /><amp-img alt="Cara Membuat Iklan Disamping Related Post" height="304" layout="responsive" src="https://2.bp.blogspot.com/-NJj4gNSFzUY/WIe9zmgONpI/AAAAAAAAAuE/dBShOZnwI9wxKAIHKuQrGa7MZCF-m16lgCLcB/s640/cara-membuat-iklan-disamping-related-post.png" title="Cara Membuat Iklan Disamping Related Post" width="640"></amp-img> <br />Pada kesempatan kali ini saya akan membagikan tutorial Cara Membuat Iklan Disamping Related Post, tutorial ini cukup simple jadi kalian tidak perlu khawatir. Jika kalian sudah menerapkan tutorial ini diblog kalian namun tidak sesuai dengan Gambar diatas silahkan komentar dengan menyediakan link blognya nanti saya bantu. Ok lanjut saja ketutorial berikut.<br /><div class="thumb-post"><noscript><img alt="Cara Membuat Iklan Disamping Related Post" height="304" src="https://2.bp.blogspot.com/-NJj4gNSFzUY/WIe9zmgONpI/AAAAAAAAAuE/dBShOZnwI9wxKAIHKuQrGa7MZCF-m16lgCLcB/s640/cara-membuat-iklan-disamping-related-post.png" width="640"/></noscript></div><br /><h4>Cara Membuat Iklan Disamping Related Post</h4>1. Buka <b>Blogger > Template > Edit HTML</b>, lalu ikuti gambar berikut ini <br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container"><tbody><tr><td><img alt="Cara Membuat Iklan Disamping Related Post 1" border="0" height="187" src="https://4.bp.blogspot.com/-Z0Twtf5Y7VU/WIfADm0iZJI/AAAAAAAAAuM/q3fX5Kfv7BMzX_KoPQjj4TbnI6O-_eOLACLcB/s640/gambar-1.png" title="Cara Membuat Iklan Disamping Related Post 1" width="560" /></td></tr><tr><td class="tr-caption"><a href="https://4.bp.blogspot.com/-Z0Twtf5Y7VU/WIfADm0iZJI/AAAAAAAAAuM/q3fX5Kfv7BMzX_KoPQjj4TbnI6O-_eOLACLcB/s1600/gambar-1.png" target="_blank">Lihat Gambar 1</a></td></tr></tbody></table><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container"><tbody><tr><td><amp-img alt="Cara Membuat Iklan Disamping Related Post 2" height="198" layout="responsive" src="https://4.bp.blogspot.com/-U1xg8eSM-P8/WIfAva3OHQI/AAAAAAAAAuQ/uN5oWuPwrU4W6ooIkOHWRKHzaJZ3kLaPQCLcB/s640/gambar-2.png" title="Cara Membuat Iklan Disamping Related Post 2" width="560"></amp-img></td></tr><tr><td class="tr-caption"><a href="https://4.bp.blogspot.com/-U1xg8eSM-P8/WIfAva3OHQI/AAAAAAAAAuQ/uN5oWuPwrU4W6ooIkOHWRKHzaJZ3kLaPQCLcB/s1600/gambar-2.png" target="_blank">Lihat Gambar 2</a></td></tr></tbody></table><br />2. Cari <b>Related Post di template kalian dan hapus</b>, kalian bisa temukan related post di atas atau bawah <kbd></article></kbd>, lihat gambar <br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container"><tbody><tr><td><amp-img alt="Cara Membuat Iklan Disamping Related Post 3" height="174" layout="responsive" src="https://4.bp.blogspot.com/-1c7dc_Ym5O8/WIfBJ9luiNI/AAAAAAAAAuU/27srQXs4BcMyOROKk4PLl_bz6_90MZzmwCLcB/s640/gambar-3.png" title="Cara Membuat Iklan Disamping Related Post 3" width="560"></amp-img></td></tr><tr><td class="tr-caption"><a href="https://4.bp.blogspot.com/-1c7dc_Ym5O8/WIfBJ9luiNI/AAAAAAAAAuU/27srQXs4BcMyOROKk4PLl_bz6_90MZzmwCLcB/s1600/gambar-3.png" target="_blank">Lihat Gambar 3</a></td></tr></tbody></table><br /><blockquote>Jangan Lupa Hapus CSS & Javascript Related Post-nya</blockquote><br />3. Jika Sudah dihapus silahkan kalian simpan HTML berikut tepat di atas <kbd></article></kbd><br /><pre data-codetype="HTMLku" title="HTML"><code><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><style><br />#related-posts h4{margin:20px auto 0;font-size:15px;border-bottom:2px solid #333;}<br />#related-posts h4 span{padding:3px 10px;background:#333;color:#fff;}<br />#related-posts h4 span:after{float:right;content:&quot;\f097&quot;;font-family:fontawesome;color:#444}<br />#related-posts ul{list-style: none; margin: 0; max-width: 400px; width: 400px; max-height: 300px;overflow: auto;float: right;}<br />#related-posts ul li a{padding:4px 10px;background:#555;width:100%;border-left:5px solid #444;border-right:5px solid #444;color:#eee;display:inline-block}<br />#related-posts ul li{margin:2px auto;}<br />#related-posts ul li a:hover{color: #FFF;background:tomato;border-color:#d83619;text-decoration:none;}<br />.iklan{float:left;max-width:300px;max-height:300px;overflow:hidden;margin: 3px 7px;} <br />@media screen and (max-width:700px){#related-posts ul{width: 100%;float: none;}.iklan{float:none;margin:10px auto}}<br /></style><br /><script type='text/javascript'><br />//<![CDATA[<br />var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();function related_results_labels(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++;break;}}}}<br />function removeRelatedDuplicates(){var tmp=new Array(0);var tmp2=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];}}<br />relatedTitles=tmp2;relatedUrls=tmp;}<br />function contains(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false;}<br />function printRelatedLabels(){var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;document.write('<ul>');while(i<relatedTitles.length&&i<20){document.write('<li><a href="'+relatedUrls[r]+'">'+relatedTitles[r]+'</a></li>');if(r<relatedTitles.length-1){r++;}else{r=0;}<br />i++;}<br />document.write('</ul>');}<br />//]]><br /></script><br /><div id='related-posts'><br /><h4><span>Related post :</span></h4><br /><div class='iklan'><br /><!-- Isi Iklan --><br /><mark><img src='https://s15.postimg.org/rk9cdjfob/banner.jpg'/></mark><br /></div><br /><!-- End Iklan --><br /><b:loop values='data:post.labels' var='label'><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;' type='text/javascript'/></b:if></b:loop><br /><script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();<br /></script><br /></div><br /></b:if></code></pre><br />3. Save Template. <br /><br />Ok sekian tutorial hari ini, untuk tutorial lainnya silahkan cek <a href="https://arleth-desz.blogspot.co.id/p/daftar-isi.html" target="_blank">disini</a>. <br />Semoga bermanfaat & sampai jumpa ditutorial berikutnya. <br /><div class="clear"></div></div>