Kode Posting

Panduan Setting & Posting:

1. Buka Link Video Youtube
2. Copy kode bagian akhir

3. Paste ke kode warna merah!

4. Copy Semua Kode di atas
5. Paste di kolom posting di mode HTML

6. Klik "Publish".

SAMPLE POSTING:

POSTING CODES #1

<div class="videoyoutube">
<div class="video-responsive">
<iframe allowfullscreen="" frameborder="0" height="450" src="https://www.youtube.com/embed/aJxrX42WcjQ?rel=0" width="100%"></iframe>
</div>
</div>
<img class="thumb-vid" alt="Josh Groban - You Raise Me Up" src="https://i2.ytimg.com/vi/aJxrX42WcjQ/default.jpg" />

POSTING CODES #2 (Alternative)

<div class="videoyoutube">
<div class="video-responsive">
<div class="video-youtube loader" data-src="//www.youtube.com/embed/JT2WND8wuIU">
</div>
</div>
</div>
<img class="thumb-vid" alt="Thumbnail Image" src="https://i2.ytimg.com/vi/JT2WND8wuIU/default.jpg">

RECENT VIDEO WIDGET:
Edit Widget Recent Videos > masukkan kode ini:

<style>
/* CSS Recent Post Gallery */
.recent-gallery {padding:0;clear:both;}
.recent-gallery:after {content:"";display:table;clear:both;}
.recent-gallery .gallerytem{display:inline-block;position:relative;margin:6px 0;overflow:hidden;}
.recent-gallery .gallerytem a{position:relative;float:left;margin:0 6px;text-decoration:none}
.recent-gallery .gallerytem .ptitle{background:rgba(0,0,0,.7);display:block;clear:left;font-size:10px;line-height:1.3em;position:absolute;text-align:left;bottom:3px;left:3px;right:3px;top:3px;color:#fff;padding:5px;word-wrap:break-word;overflow:hidden;visibility:hidden;opacity:0;backface-visibility:hidden;transition:all .2s}
.recent-gallery .gallerytem:hover .ptitle{visibility:visible;opacity:1}
.recent-gallery a img{float: left;
border: 1px solid #e3e3e3;
transition: all .3s;
width: 85px;height: 75px;}
.recent-gallery a:hover img {border-color:#bbb;}
</style>
<script type='text/javascript'>
//<![CDATA[
// Recent Post Gallery
function cbgrid(a){for(var t=a.feed.entry||[],e=['<div class="recent-gallery">'],i=0;i<t.length;++i){for(var l=t[i],r=l.title.$t,n=l.media$thumbnail?l.media$thumbnail.url:"http://2.bp.blogspot.com/-4fCf53FqYKM/Vccsy7apoZI/AAAAAAAAK4o/XJkv3RkC0pw/s1600/default%2Bimage.png",s=n.replace("s72-c","s"+cb_thumbs+"-c"),h=l.link||[],c=0;c<h.length&&"alternate"!=h[c].rel;++c);var d=h[c].href,m='<img src="'+s+'" width="'+cb_thumbs+'" height="'+cb_thumbs+'"/>',p=cb_title?'<span class="ptitle">'+r+"</span>":"",g='<a href="'+d+'" target="_blank" title="'+r+'">'+m+p+"</a>";e.push('<div class="gallerytem">',g,"</div>")}e.push("</div>"),document.write(e.join(""))}
//]]>
</script>
<script>
var cb_thumbs = 80;
var cb_title = true;
</script>
<script src="/feeds/posts/summary?max-results=9&alt=json-in-script&callback=cbgrid"></script>

FEATURED VIDEOS:

Edit > Masukkan Kode
<div id='feature-wrapper'>
<b:section class'featured-video' id='feature' preferred='yes'/>
<div class='feature section' id='feature'>
<div class='widget HTML' data-version='1' id='HTML2'>
<div id='mbl_plugin'>
<div id='mbl_videoContainer'>
<div id='mbl_video'>
</div>
</div>
<div id='mbl_playlistContainer'>
<ul id='mbl_playlist'>

<li><a href='https://www.youtube.com/watch?v=aJxrX42WcjQ'/></a><div class='mbl_title'>Very Funny Cats Compilations</div></li>

<li><a href='https://www.youtube.com/watch?v=XIucRL4iQTI'/></a><div class='mbl_title'>You Raise Me Up by Chinese Kids</div></li>

<li><a href='https://www.youtube.com/watch?v=BGdvsuwymvA'/></a><div class='mbl_title'>You Raise Me Up</div></li>

<li><a href='https://www.youtube.com/watch?v=61BUEvu5r2k'/></a><div class='mbl_title'>You Raise Me Up</div></li>

<li><a href='https://www.youtube.com/watch?v=YWZ7KtRSoAo'/></a><div class='mbl_title'>You Raise Me Up</div></li>

</ul>
</div>
</div>
</div></div>
</b:section></div>

------------------------------
KOTAK PENCARIAN
------------------------------
Edit > masukkan kode:

<style>
.cf:before, .cf:after{content:"";display:table;}
.cf:after{clear:both;}
.cf{zoom:1;}
.search-wrapper {width:100%;margin:0 0 10px 0;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4) inset, 0px 1px 0px rgba(255, 255, 255, 0.2);border: 1px solid #ddd;}
.search-wrapper input {width:64%;height: 20px;padding: 10px;float: left;font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';border: 0;background: #EEE;border-radius: 3px 0 0 3px;}
.search-wrapper input:focus {outline: 0;background: #fff;box-shadow: 0 0 2px rgba(0,0,0,.8) inset;}
.search-wrapper input::-webkit-input-placeholder {color: #999;font-weight: normal;font-style: italic;}
.search-wrapper input:-moz-placeholder {color: #999;font-weight: normal;font-style: italic;}
.search-wrapper input:-ms-input-placeholder {color: #999;font-weight: normal;font-style: italic;}
.search-wrapper button {overflow: visible;position: relative;float: right;border: 0;padding: 0;cursor: pointer;height: 40px;width:29%;font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';color: white;text-transform: uppercase;background: #D83C3C;border-radius: 0 3px 3px 0;text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);}
.search-wrapper button:hover{ background: #e54040;}
.search-wrapper button:active,.search-wrapper button:focus{background: #c42f2f;outline: 0; }
.search-wrapper button:before {content: '';position: absolute;border-width: 8px 8px 8px 0;border-style: solid solid solid none;border-color: transparent #d83c3c transparent;top: 12px;left: -6px;}
.search-wrapper button:hover:before{border-right-color: #e54040;}
.search-wrapper button:focus:before,.search-wrapper button:active:before{border-right-color:#c42f2f;}
.search-wrapper button::-moz-focus-inner {border: 0;padding: 0;}
</style>
<form action="/search" class="search-wrapper cf">
<input type="text" method="get" name="q" placeholder="Search here..." required="" />
<button type="submit">Search</button>
</form>

--------------------------
Follow by Email:
---------------------------

Klik Edit > Save !

---------------------------
POPULAR VIDEOS:
---------------------------
Centang Image saja!

------------
LABELS:
------------
Centang Cloud!

------------------------------------
CARA GANTI TEMPLATE:
--------------------------------------

Cara #1
1. Template > Edit HTML > Hapus SEMUA kode
2. Buka file template dengan Notepad
3. Copas ke Template yang sudah kosong tadi
4. Save!

Cara #2
1. Template > Restore/Backup (Cadangkan/Pulihkan)
2. Upload file template!
3. Tunggu sampai selesai. Ulangi jika error.

------------------------------------------------------------------
Non-Aktifkan Template Mobile Bawaan Blogger!
------------------------------------------------------------------

Template > Icon Gear > Pilih "No"

Non-Aktifkan Template Mobile Bawaan Blogger