Home Posts filed under Blog
Tampilkan postingan dengan label Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Blog. Tampilkan semua postingan

Senin, 25 Desember 2017

Cara Membuat Full Background Image Blogger


Malam sobat vetizens, setelah lama saya tinggal karena kesibukan real life kali ini saya akan memberikan tutorial yang mungkin berguna buat sobat pembaca vetizens semua yaitu Cara Membuat Full Background Image Blogger. di postingan saya sebelumnya juga pernah share Cara Membuat Background Left Right Fansub. Okelah langsung tkp saja yuk 

 1. Masuk ke blogger kalian pilih blog yang akan dibuat .
2. Pilih Template > Edit HTML.
3. Silahkan Cari body {
4. Hapus Semuanya lalu ganti seperti ini.
body {
    background-color: #f1f1f1;
    background-attachment: fixed;
    background-image: url(LINK IMAGE);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto;
}
5. Ganti link Image dengan link gambarmu yang mau dibuat background cari aja digoogle background image blogspot pasti banyak.
6. Setelah itu save templatenya lalu check ke blog kalian.

Sekian untuk Tutorial kali ini. . .

Jika Masih Bingung Silahkan Berkomentar . . .
Kunjungi Vetizens terus untuk informasi terupdate . . . .

Read more

Senin, 13 Februari 2017

Cara Membuat Custom Error Page 404 Not Found

Halo sobat Vetizens, setelah kemarin saya membagikan Tutorial tentang Cara Membuat Tombol Surprise Me / Random Post di Blog. Maka kali ini saya akan berbagi tutorial tentang Cara Membuat Custom Error Page 404 Not Found. Bagaimana cara kerjanya ? cara kerjanya jika kalian atau pengunjung mengetikkan url yang salah maka akan muncul halaman error tersebut, baiklah yuk langsung saja kita bahas

1. Login Blogger kalian

2. Blogger Kalian > Template > Edit HTML

3. Copykan scirpt ini lalu pastekan setelah kode <body>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>

4. Copy kode di bawah ini tepat di atas kode </body>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<div id='oopss'>
<style>
/* CSS Custom Error Page */
#oopss {background-position:center;background: url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_rCCLwHWj74JqTr5x5_IjdK_Qoe68uAh9AIYzYBdeo431KQYP9L0_vaKuJTP-n4_xBQ6u2OeIJ8jTb8daSsF7jBCajK80C2r43yDMsKFvG-keesCRh3uHnAHCXL0cpjaz1LuCxAyNku4/s1600/Anime-Wallpaper-Images-J5P%255B1%255D.png&#39;)no-repeat center top fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;text-align:center;margin-bottom:50px;font-weight:400;font-size:45px;font-family:&#39;Roboto&#39;,Arial,sans-serif;position:fixed;width:100%;height:100%;line-height:1.5em;z-index:9999;}
#error-text {top:30%;position:relative;font-size:50px;color:#fff;text-shadow: 0 4px 0 #ddd,0 8px 8px #aaa;}
#error-text a{color:#888;}
#error-text p {margin:0!important;}
#error-text span {color:#e47253;font-size:100px;text-shadow:0 4px 0 #a64126,0 8px 8px #aaa;letter-spacing:20px;transition:all 0.3s ease-in-out;}
#error-text span:hover {letter-spacing:30px;}
#error-text a {color:#e47253;}
#error-text a:hover {color:#394347;letter-spacing:-10px;}

/* CSS Error Page Responsive */
@media only screen and (max-width:640px){
#error-text {color:#888;font-size:30px;text-shadow:none;}
#error-text span {font-size:60px;text-shadow:none;letter-spacing:0;}
#error-text span:hover {letter-spacing:5px;}
#error-text a:hover {color:#394347;letter-spacing:5px;}}
</style>
<div id='error-text'>
<span>404</span>
<p>PAGE NOT FOUND!</p>
<p>Back To Homepage <a href='/'><i CLASS='fa fa-arrow-circle-right'/></a></p>
</div>
</div>
</b:if>
Note : 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_rCCLwHWj74JqTr5x5_IjdK_Qoe68uAh9AIYzYBdeo431KQYP9L0_vaKuJTP-n4_xBQ6u2OeIJ8jTb8daSsF7jBCajK80C2r43yDMsKFvG-keesCRh3uHnAHCXL0cpjaz1LuCxAyNku4/s1600/Anime-Wallpaper-Images-J5P%255B1%255D.png bisa kalian ganti sesuai keinginan kalian.

<span>404</span>
<p>PAGE NOT FOUND!</p>
<p>Back To Homepage <a href='/'><i CLASS='fa fa-arrow-circle-right'/></a></p>
Kalian juga bisa menggantinya sesuka kalian.

5. Save Template kalian.
Kalian bisa mengeceknya dengan memberi kata salah pada terakhirnya contoh www.vetizens.id/404.

Sekian untuk tutorial kali ini semoga bermanfaat dan bisa membantu kalian semua
Jika Masih Bingung Silahkan Berkomentar . . .
Kunjungi Vetizens terus untuk informasi terupdate . . . .

Read more

Minggu, 12 Februari 2017

Cara Membuat Tombol Surprise Me / Random Post di Blog


Malam Sobat Vetizens, setelah beberapa hari tidak membuat tutorial maka kali ini saya akan membuat tutorial tentang Cara Membuat Tombol Surprise Me / Random Post di Blog. Tombol ini cocok untuk kalian yang ingin membuat fansub/fanshare. jika ingin membuat anime acak atau lainnya tapi buat blog ber jenis lain juga bisa kok jadi jangan kecewa :D. Okelah langsung dibahas saja daripada kelamaan.

1. Login Blogger Kalian.

2. Blogger Kalian > Template > Edit HTML.

3. Lalu Pastekan script dibawah ini dibawah <body>
<script type='text/javascript'>
//<![CDATA[
function showLucky(root){
    var feed = root.feed;
    var entries = feed.entry || [];
    var entry = feed.entry[0];
      for (var j = 0; j < entry.link.length; ++j) {
       if (entry.link[j].rel == "alternate") {
       window.location = entry.link[j].href;
       }
      }
   }

function fetchLuck(luck){
    script = document.createElement('script');
    script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky';
    script.type = 'text/javascript';
    document.getElementsByTagName('head')[0].appendChild(script);
   }
function readLucky(root){
    var feed = root.feed;
    var total = parseInt(feed.openSearch$totalResults.$t,10);
    var luckyNumber = Math.floor(Math.random()*total);
    luckyNumber++;
    fetchLuck(luckyNumber);
    }
function feelingLucky(){
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = '/feeds/posts/summary?max-results=0&alt=json-in-script&callback=readLucky';
    document.getElementsByTagName('head')[0].appendChild(script);
    }
//]]>
</script>

 4. Setelah itu Save Template kalian.

5. Lalu tempatkan link di bawah ini di widget atau menu sobat
<a href="#" onclick="feelingLucky();">Random</a>

6. Save lalu Lihat Hasilnya.

Sebenarnya kalian juga bisa mengkreasikannya agar lebih bagus atau sebagainya. Sekian untuk tutorial kali ini semoga bermanfaat untuk kalian semua :)
Jika Masih Bingung Silahkan Berkomentar . . .
Kunjungi Vetizens terus untuk informasi terupdate . . . .

Read more

Minggu, 05 Februari 2017

Cara Memasang Anti Adblock dengan Tombol Close di Blog


Malam sobat Vetizens bertemu dengan saya lagi, setelah kemarin membahas tentang Cara Membuat Mirror Streaming Anime di Blogger kali ini saya akan membahas tentang Cara Memasang Anti Adblock dengan Tombol Close. Mungkin bagi para pemilik fansub dan fanshare juga membutuhkan dana untuk membeli RDP, Hosting, Domain, atau lainnya maka web atau blognya diberi iklan tapi beberapa orang memasang anti adblock agar iklan pada web kalian supaya enak tetapi bagi kalian yang memasang iklan tentu akan berkurang penghasilan kalian karena iklan yang kita pasang di blokir, walaupun beberapa iklan yang masih bisa muncul saat adblock di hidupkan seperti poptm, tetapi kali ini saya memberikan solusinya yaitu memasang anti adblock dengan tombol close berdurasi jadi jika ada pengunjung yang memakai adblock bisa melihat konten kita tetapi harus menunggu beberapa detik jika tidak mematikan adblocknya.
Baiklah langsung saja kita tkp:

1. Login Blogger kalian.

2. Blogger kalian lalu copy script ini
<style>#s141{position:fixed !important;position:absolute;top:3px;top:expression((t=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop)+"px");left:0px;width:99%;height:100%;background:RGBA(0, 0, 0, 0.69) url('https://2.bp.blogspot.com/-1kFiX1CA-gA/V27lcbGX46I/AAAAAAAAChs/ro_wUpalr70_KWkfIFC1H0Gb5GJJXMMXgCLcB/s1600/blacktr.png');filter:alpha(opacity=95);display:block;padding:5% 0;z-index:2000;}#s141 *{text-align:center;margin:0 auto;display:block;filter:none;font:bold 14px Verdana,Arial,sans-serif;text-decoration:none}#s141 ~ *{}</style><div id="s141"><center>Please enable / Bitte aktiviere JavaScript!<br />Veuillez activer / Por favor activa el Javascript!</center></div><script>window.document.getElementById("s141").parentNode.removeChild(window.document.getElementById("s141"));(function(e,b){function d(f){f&&s141.nextFunction()}var c=e.document,a=["i","u"];d.prototype={rand:function(f){return Math.floor(Math.random()*f)},getElementBy:function(g,f){return g?c.getElementById(g):c.getElementsByTagName(f)},getStyle:function(g){var f=c.defaultView;return f&&f.getComputedStyle?f.getComputedStyle(g,null):g.currentStyle},deferExecution:function(f){setTimeout(f,2000)},insert:function(j,i){var o=c.createElement("center"),n=c.body,p=n.childNodes.length,h=n.style,l=0,k=0;if("s141"==i){o.setAttribute("id",i);h.margin=h.padding=0;h.height="100%";for(p=this.rand(p);l<p;l++){1==n.childNodes[l].nodeType&&(k=Math.max(k,parseFloat(this.getStyle(n.childNodes[l]).zIndex)||0))}k&&(o.style.zIndex=k+1);p++}o.innerHTML=j;n.insertBefore(o,n.childNodes[p-1])},r:function(g){var f=c.body.style;this.getElementBy(g).parentNode.removeChild(this.getElementBy(g));f.height=f.margin=f.padding=""},displayMessage:function(g){g="abisuq".charAt(this.rand(5));var f,h='<input type="button" onclick="s141.r(\'s141\')" value=10 disabled></'+g+">";this.insert("<"+g+'><img src="https://1.bp.blogspot.com/-paNJie2Oo-c/V27lUkZqV7I/AAAAAAAAChk/qD2lvxm17bMVe1RXvR_pdkpIsZoHo0gegCLcB/s1600/adblock-min.png"/> <a href="http://www.wikihow.com/Disable-Adblock">[ how to disable adblock ]</a>'+h,"s141");h=this.getElementBy("s141").firstChild.lastChild;f=setInterval(function(){h.value--;1>h.value&&(clearInterval(f),h.value="Close",h.disabled="")},1000)},i:function(){for(var h="WNAd49,ad_700x430,ad_O,ad_links,adsdaq72890,adv-title,text_ad,ad,ads,adsense".split(","),g=h.length,k="",j=this,l=0,i="abisuq".charAt(j.rand(5));l<g;l++){j.getElementBy(h[l])||(k+="<"+i+' id="'+h[l]+'"></'+i+">")}j.insert(k);j.deferExecution(function(){for(l=0;l<g;l++){if(null==j.getElementBy(h[l]).offsetParent||"none"==j.getStyle(j.getElementBy(h[l])).display){return j.displayMessage("#"+h[l]+"("+l+")")}}j.nextFunction()})},u:function(){var g=".nz/ads/,/ad728x.,/adboxtable-,/ads/serveIt/ad,/adv_horiz.,/livejasmin2.,/sidecol_ad.,/skin/ad3/ad,/smalltopl.,/300x250px-".split(","),f=this,i=f.getElementBy(0,"img"),h,j;i[0]!==b&&i[0].src!==b&&(h=new Image,h.onload=function(){j=this;j.onload=null;j.onerror=function(){a=null;f.displayMessage(j.src)};j.src=i[0].src+"#"+g.join("")},h.src=i[0].src);f.deferExecution(function(){f.nextFunction()})},nextFunction:function(){var f=a[0];f!==b&&(a.shift(),this[f]())}};e.s141=s141=new d;c.addEventListener?e.addEventListener("load",d,!1):e.attachEvent("onload",d)})(window);</script>
Note :
https://1.bp.blogspot.com/-paNJie2Oo-c/V27lUkZqV7I/AAAAAAAAChk/qD2lvxm17bMVe1RXvR_pdkpIsZoHo0gegCLcB/s1600/adblock-min.png
Kalian bisa menggantinya dengan gambar adblock kalian

value=10
10 : Untuk detik Tombol Closenya muncul

3. Lalu save di atas </body> saya sarankan, atau bisa di pasang di Tata Letak / Widget blog kalian.

4. Selesai dan Lihat Hasilnya.

Sekiian untuk Tutorial kali ini semoga bermanfaat untuk kalian dan semoga penghasilan kalian bertambah :)
Jika Masih Bingung Silahkan Berkomentar . . .
Kunjungi Vetizens terus untuk informasi terupdate . . . .

Read more

Sabtu, 04 Februari 2017

Cara Membuat Mirror Streaming Anime di Blogger


Malam sobat vetizens bertemu dengan saya lagi setelah kemarin saya menulis tentang Cara Menampilkan atau Menyembunyikan Widget di Mobile Device, maka kali ini saya akan kembali ke tutorial blogger fansub/fanshare. Tutorial kali ini berguna untuk membuat mirror video streaming agar saat link satunya mati masih ada mirror yang lain, pemasangannya cukup simpel dan responsif untuk mobile version jadi langsung saja ke TKP :

1. Login Blogger kalian

2. Blogger kalian > Template > Edit HTML

3. Setelah itu kalian cari code ]]></b:skin> atau </style> lalu masukkan kode css dibawah ini :
.all-button {
    position: relative;
    background: #1A77D0;
    border-radius: 5px 5px 0px 0px;
    overflow: hidden;
    width: 100%;
}
#Kuro-Mirror {
    text-align: center;
    float: left;
    background: #1a77d0;
    cursor: pointer;
    width: 23.77%;
    height: 27px;
    line-height: 27px;
    color: #fff;
    font-size: 14px;
    padding: 3px;
    font-weight: 700;
    border-right: 1px solid #CCC;
}
#Content1 {
    display: block;
    width: 100%;
    height: 400px;
    padding: 0;
    text-align: center;
    background: #000;
}
#Content2, #Content3, #Content4 {
    display: none;
    width: 100%;
    height: 400px;
    padding: 0;
    text-align: center;
    background: #000;
}

4. Save Template > Buat Post > Copy script dibawah lalu paste di HTML bukan Compose.
<div class="all-button">
<div id="Kuro-Mirror" onclick="document.getElementById('Content1').style.display='block';Content2.style.display='none';Content3.style.display='none';Content4.style.display='none';">
Sedang Tonton!</div>
<div id="Kuro-Mirror" onclick="document.getElementById('Content1').style.display='none';Content2.style.display='block';Content3.style.display='none';Content4.style.display='none';">
Mirror 1</div>
<div id="Kuro-Mirror" onclick="document.getElementById('Content1').style.display='none';Content2.style.display='none';Content3.style.display='block';Content4.style.display='none';">
Mirror 2</div>
<div id="Kuro-Mirror" onclick="document.getElementById('Content1').style.display='none';Content2.style.display='none';Content3.style.display='none';Content4.style.display='block';">
Mirror 3</div>
</div>
<div id="Content1">
Embed Video Sedang di Tonton</div>
<div id="Content2">
Embed Video Mirror 1</div>
<div id="Content3">
Embed Video Mirror 2</div>
<div id="Content4">
Embed Video Mirror 3</div>
Note :  
Yang berwarna biru kalian bisa ganti dengan url embed / iframe video mirror kalian.
Iframe selalu buat width 100% dan height 100% agar lebih rapih.

5. Selesai gampang kan.

Sekian untuk tutorial kali ini semoga bermanfaat utamanya untuk para blogger fansub dan fanshare anime.
Jika Masih Bingung Silahkan Berkomentar . . .
Kunjungi Vetizens terus untuk informasi terupdate . . . .

Read more

Rabu, 01 Februari 2017

Cara Menampilkan atau Menyembunyikan Widget di Mobile Device


Kali ini saya saya akan memberikan tutorial Cara Menampilkan atau Menyembunyikan Widget di Mobile Device, karena di zaman sekarang kebanyakan orang memakai mobile device lalu apa hubungannya dengan tutorial kali ini ? hubungannya adalah jika sobat memasang widget banyak maka terlalu berat untuk mobile nah maka dari itu google pun membuat kode baru untuk menyembunyikannya agar tidak terlalu berat jika diakses lewat mobile apalagi jika koneksi internet lemot.

Note : Cara ini hanya berkaku untuk smartphone android dan tidak akan work di tablet, iPad, dan lainnya.

1. Login Blogger

2. Blogger kalian > Template > Edit HTML

3. Saya akan menggunakan contoh menyembunyikan widge HTML1 didalam template penulisannya seperti ini

Cara ini berfungsi untuk menghilangkan Widget di Mobile Device.
<b:if cond='data:blog.isMobileRequest == "false"'>
<b:widget id='HTML1' locked='false' title='' type='HTML' version='1' visible='true'>
-----
</b:widget>
</b:if>
 Untuk menampilkan Widget tersebut di Mobile Device ubah saja menjadi true.
<b:if cond='data:blog.isMobileRequest == "true"'>
<b:widget id='HTML1' locked='false' title='' type='HTML' version='1' visible='true'>
-----
</b:widget>
</b:if>
4. Save Template kalian lalu lihat hasilnya.

Bagaimana simple bukan ? baiklah sekian untuk tutorial kali ini sampai jumpa di tutorial tutorial berikutnya :)
Jika Masih Bingung Silahkan Berkomentar . . .
Kunjungi Vetizens terus untuk informasi terupdate . . . .

Read more

Cara memasang Iklan Adsense di Tengah Post


Malam sobat, setelah kemarin kemarin saya share tentang tutor tutor tentang blog fansub maka kali ini saya akan share tutorial Cara memasang Iklan Adsense di Tengah Post. Cara ini berguna untuk meningkatkan penghasilan kalian dan juga bisa untuk iklan iklan banner lainnya sejenis adsense jika sobat tidak punya adsense. Cara ini cukup efektif dan sangat berguna karena iklan berada ditengah tengah artikel dan otomatis pasti di lihat oleh pembaca dan otomatis kalian bisa mendapat penghasilan tambahan :D
yuk langsung saja :D
caranya cukup simple jika dibaca dengan baik baik dan teliti.

1. Login Blogger kalian

2. Blogger kalian > Template > Edit HTML.

3. Cari kode berikut <data:post.body/> ditemplate kalian lalu ganti dengan kode ini

Note : Di dalam template sobat akan menemukan beberapa kode <data:post.body/>tergantung template yang digunakan, coba satu persatu sampai iklan tampil di dalam halaman artikel

<div expr:id='&quot;zet1&quot; + data:post.id'/>
<div class='googlezet'>
<!-- pasang kode iklan yang telah diparse di sini -->
</div>
<div expr:id='&quot;zet2&quot; + data:post.id'><p><data:post.body/></p></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;zet1<data:post.id/>&quot;);var obj1=document.getElementById(&quot;zet2<data:post.id/>&quot;);var s=obj1.innerHTML;var t=s.substr(0,s.length/2);var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script>
Note : Ganti tulisan yang berwarna biru dengan iklan Adsense kalian.

4. Tambahkan kode CSS ini juga agar rapi dan rata tengah biar enak dipandang sebelum  ]]></b:skin> atau </style>
.googlezet{margin:15px auto;text-align:center}
5. Simpan Template kalian dan lihat hasilnya.

Contohnya :



Dengan cara ini kalian tidak perlu repot repot memasang iklan secara manual per artikel.
Kenapa saya sendiri tidak memasangnya ? karena saya tidak mempunyai adsense :(
Sekian untuk tutorial kali ini semoga bermanfaat khususnya para kalian yang ingin berburu uang dari iklan :)
Jika Masih Bingung Silahkan Berkomentar . . .
Kunjungi Vetizens terus untuk informasi terupdate . . . .

Read more

Senin, 30 Januari 2017

Cara Membuat Genre List Seperti Kurogaze


Malam sobat vetizens setelah kemarin saya share tentang Cara Pasang Emoticon Kedalam Blog Post kali ini saya akan membagikan sedikit tutorial tentang Cara Membuat Genre List Seperti Kurogaze. Pasti kalian tidak asing kan dengan kurogaze? yap situs fanshare anime subtitle indonesia webnya lumayan ringan dan tampilannya bagus, tetapi kali ini yang akan saya bahas adalah cara membuat genre list nya saja bukan templatenya :D

Okelah langsung saja ke TKP nya:

1. Login Blogger kalian.

2. Blog Kalian > Laman > Laman Baru.

3. Pastekan Kode dibawah ini di HTML bukan Compose.
<style>
.kggl321 {font-family: sans-serif;}
.kggl321 ul {margin: 0;padding: 0;}
.kggl321 ul li {list-style: none;}
.kggl321 ul li a {color: #333 !important;width: 135px;padding: 12px;white-space: nowrap;float: left;display: inline;border-bottom: 1px solid #ddd;}
.kggl321 ul li a:hover {text-decoration: none;background: #eee;transition: 0.3s all ease;}
</style>

<div class="kggl321">
 <ul>
  <li>
   <a title="Anime bergenre Action" href="/search/label/action" target="_blank">Action</a>
  </li>
  <li>
   <a title="Anime bergenre Adventure" href="/search/label/adventure" target="_blank">Adventure</a>
  </li>
  <li>
   <a title="Anime bergenre Comedy" href="/search/label/comedy" target="_blank">Comedy</a>
  </li>
  <li>
   <a title="Anime bergenre Demons" href="/search/label/demons" target="_blank">Demons</a>
  </li>
  <li>
   <a title="Anime bergenre Drama" href="/search/label/drama" target="_blank">Drama</a>
  </li>
  <li>
   <a title="Anime bergenre Fantasy" href="/search/label/fantasy" target="_blank">Fantasy</a>
  </li>
  <li>
   <a title="Anime bergenre Game" href="/search/label/game" target="_blank">Game</a>
  </li>
  <li>
   <a title="Anime bergenre Historical" href="/search/label/historical" target="_blank">Historical</a>
  </li>
  <li>
   <a title="Anime bergenre Horror" href="/search/label/horror" target="_blank">Horror</a>
  </li>
  <li>
   <a title="Anime bergenre Magic" href="/search/label/magic" target="_blank">Magic</a>
  </li>
  <li>
   <a title="Anime bergenre Martial Arts" href="/search/label/martial-arts" target="_blank">Martial Arts</a>
  </li>
  <li>
   <a title="Anime bergenre Mecha" href="/search/label/mecha" target="_blank">Mecha</a>
  </li>
  <li>
   <a title="Anime bergenre Military" href="/search/label/military" target="_blank">Military</a>
  </li>
  <li>
   <a title="Anime bergenre Music" href="/search/label/music" target="_blank">Music</a>
  </li>
  <li>
   <a title="Anime bergenre Mystery" href="/search/label/mystery" target="_blank">Mystery</a>
  </li>
  <li>
   <a title="Anime bergenre Parody" href="/search/label/parody" target="_blank">Parody</a>
  </li>
  <li>
   <a title="Anime bergenre Police" href="/search/label/police" target="_blank">Police</a>
  </li>
  <li>
   <a title="Anime bergenre Psychological" href="/search/label/psychological" target="_blank">Psychological</a>
  </li>
  <li>
   <a title="Anime bergenre Romance" href="/search/label/romance" target="_blank">Romance</a>
  </li>
  <li>
   <a title="Anime bergenre Samurai" href="/search/label/samurai" target="_blank">Samurai</a>
  </li>
  <li>
   <a title="Anime bergenre School" href="/search/label/school" target="_blank">School</a>
  </li>
  <li>
   <a title="Anime bergenre Sci-Fi" href="/search/label/sci-fi" target="_blank">Sci-Fi</a>
  </li>
  <li>
   <a title="Anime bergenre Seinen" href="/search/label/seinen" target="_blank">Seinen</a>
  </li>
  <li>
   <a title="Anime bergenre Shoujo" href="/search/label/shoujo" target="_blank">Shoujo</a>
  </li>
  <li>
   <a title="Anime bergenre Shounen" href="/search/label/shounen" target="_blank">Shounen</a>
  </li>
  <li>
   <a title="Anime bergenre Shounen Ai" href="/search/label/shounen-ai" target="_blank">Shounen Ai</a>
  </li>
  <li>
   <a title="Anime bergenre Slice of Life" href="/search/label/slice-of-life" target="_blank">Slice of Life</a>
  </li>
  <li>
   <a title="Anime bergenre Space" href="/search/label/space" target="_blank">Space</a>
  </li>
  <li>
   <a title="Anime bergenre Spiritual" href="/search/label/spiritual" target="_blank">Spiritual</a>
  </li>
  <li>
   <a title="Anime bergenre Sports" href="/search/label/sports" target="_blank">Sports</a>
  </li>
  <li>
   <a title="Anime bergenre Super Power" href="/search/label/super-power" target="_blank">Super Power</a>
  </li>
  <li>
   <a title="Anime bergenre Supernatural" href="/search/label/supernatural" target="_blank">Supernatural</a>
  </li>
  <li>
   <a title="Anime bergenre Thriller" href="/search/label/thriller" target="_blank">Thriller</a>
  </li>
  <li>
   <a title="Anime bergenre Vampire" href="/search/label/vampire" target="_blank">Vampire</a>
  </li>
 </ul>
</div>

Ganti <a title="Anime bergenre Action" href="/search/label/action" target="_blank">Action</a>
yang berwarna merah menjadi sesuai genre yang kalian buat.

Sekian tutorial kali ini semoga bermanfaat khususnya buat para fansub fanshare berplatfom blogger, sampai ketemu di tutorial selanjutnya :D.
Jika Masih Bingung Silahkan Berkomentar . . .
Kunjungi Vetizens terus untuk informasi terupdate . . . .

Read more

Minggu, 29 Januari 2017

Cara Pasang Emoticon Kedalam Blog Post


Malam Sobat Vetizens Ketemu dengan saya lagi :D semoga kalian tidak bosan karena jika kalian bosan maka sayapun malas membagikan tutorial. pada kesempatan kali ini saya akan share tentang Cara Pasang Emoticon Kedalam Blog Post. Walaupun kurang berguna bagi kalian tetapi pasti ada yang membutuhkannya :). Cara pasang nya cukup simple kok langsung saja yuk disimak . . .

Langsung Saja Ke TKP :

1. Login ke Blogger kalian.

2. Blog Kalian > Template > Edit HTML

3. Tambahkan kode CSS dibawah ini tepat diatas ]]></b:skin> atau </style>
.emoji{height:20px;width:auto;margin:0 .05em 0 .1em!important;vertical-align:-0.1em;display:inline-block!important}
4. Lalu Tambahkan kode dibawah ini tepat diatas kode </body>
<b:if cond='data:blog.pageType in {"item","static_pages"}'>
<script src='//twemoji.maxcdn.com/twemoji.min.js' type='text/javascript'/>
<script src='//cdn.rawgit.com/tutorialku/usagilabs/master/emoji/emoji.min.js' type='text/javascript'/>
</b:if>
5. Save Template Kalian.

Selamat Blog kalian sudah terpasang Emoticon :D kalian bisa mencobanya sendiri :)
Sekian sedikit Tutorial untuk kali ini Semoga bermanfaat :)
Jika Masih Bingung Silahkan Berkomentar . . .
Kunjungi Vetizens terus untuk informasi terupdate . . . .

Read more

Sabtu, 28 Januari 2017

Cara Pasang Tombol Spoiler Seperti Kaskus


Kali ini saya akan bagikan Tutorial Cara Pasang Tombol Spoiler Seperti Kaskus. pasti diantara kalian suka mampir di kaskus untuk baca artikel, jualan, beli barang dan lain lain. nah kali ini saya akan bagikan tutorialnya siapa tau ada yang cari :).
Baiklah langsung saja ke TKP.

1. Buka Blogger kalian.

2. Blog kalian > Template > Edit Template.

3. Salin Kode dibawah sebelum </b:skin> atau </style>
/* CSS Spoiler Kaskus - Aka321 */
#spoiler {margin: 1em 0;color: #000;}
#spoiler img {max-width: 100%;}
#spoiler iframe {max-width: 100%;}
.txtspoiler{margin-bottom: 2px;font-weight: 400;font-size: 11px;padding: 3px 0;font-family: sans-serif;height: 20px !important;}
#btnshow{background: #ccc!important;border-radius: 3px;cursor: pointer;width: 40px!important;border: none;font-size: 10px;margin: 0px;padding: 0px;font-family: inherit;height: 14px;}
#btnhide{background: #ccc!important;border-radius: 3px;cursor: pointer;width: 40px!important;border: none;font-size: 10px;margin: 0px;padding: 0px;font-family: inherit;display:none;height: 14px;}
#contentspoiler{background: #EEE;border: 1px solid #CCC;color: black;margin: 0px;padding: 6px;}
.isispoiler{display: block;background: rgb(238, 238, 238);}
4. Setelah itu salin dan pastekan ini sebelum </body>
<script type = 'text/javascript'>
$(document).ready(function() {
    $('#btnshow').click(function() {
        $('#btnshow').hide();
        $('#btnhide').show();
        $('.isispoiler').show();
    });
    $('#btnhide').click(function() {
        $('#btnhide').hide();
        $('#btnshow').show();
        $('.isispoiler').hide();
    });
});
</script>
5. Save Template kalian.

6. Buat Post kalian lalu edit post lewat HTML bukan COMPOSE. lalu pastekan script dibawah ini.
<div id="spoiler">
 <div class="txtspoiler">
  <b>Spoiler</b>
  &nbsp;for
  <i>Judul Spoiler</i> :
  <input id="btnshow" onclick="spoiler(this);" type="button" value="Show"/>
  <input id="btnhide" onclick="spoiler(this);" type="button" value="Hide"/>
 </div>
 <div id="contentspoiler">
  <div class="isispoiler">
   <div class="texty">
    Isi Spoiler
   </div>
  </div>
 </div>
</div>

Judul Spoiler diisi terserah kalian.
Isi Spoiler diisi dengan isi postingan yang mau di sembunyikan.

7. Publish kan posting kalian dan lihat Hasilnya.

Sekian untuk tutorial kali ini semoga bermanfaat dan sampai jumpa di tutorial lainnya :D
Jika Masih Bingung Silahkan Berkomentar . . .
Kunjungi Vetizens terus untuk informasi terupdate . . . .

Sumber : AKA321

Read more

Cara Membuat Download Box Fansub Responsif


Malam sobat Vetizens, tadi saya sudah share tentang tutorial cara membuat page pendaftaran admin, kali ini saya akan membuat tutorial membuat simple download box responsif fansub/fanshare.

Langsung saja ke TKP :

1. Login Blogger kalian

2. Blogger kalian > Template > Edit HTML

3. Tambahkan kode CSS dibawah ini tepat diatas ]]></b:skin> atau </style>
/* Vetizens Download Box */
.veti-download{margin:10px 0}
.veti-item>b{background:#49bafc;color:#fff;font-weight:700;padding:0 10px;line-height:36px;margin:0;font-size:12px;float:left;width:55px}
.veti-item{border-bottom:1px solid #E4E4E4;white-space:nowrap;overflow-x:auto;overflow-y:hidden;background:#FBFBFB}
.veti-item a{float:left;margin:13px 10px;margin-right:0;padding-right:10px;border-right:1px solid #C7C7C7;text-align:center;line-height:10px}
.veti-item a:last-child{border-right:0}
4. Lalu Save Template. kalian sudah bisa memasang download boxnya di post.

5.Untuk memasang download box ditulis secara manual lewat html jangan compose, lalu masukkan script dibawah ini.
<div class='veti-download cl'>
<div class='veti-item cl'><b>1080p</b> <a href='#'>Solidfiles</a> <a href='#'>Uptobox</a> <a href='#'>Tusfiles</a> <a href='#'>Otakushare</a></div>
<div class='veti-item cl'><b>720P</b> <a href='#'>Solidfiles</a> <a href='#'>Uptobox</a> <a href='#'>Tusfiles</a> <a href='#'>Otakushare</a></div>
<div class='veti-item cl'><b>480p</b> <a href='#'>Solidfiles</a> <a href='#'>Uptobox</a> <a href='#'>Tusfiles</a> <a href='#'>Otakushare</a></div>
</div>
Dan hasilnya seperti ini :
Jika kalian ingin seperti yang dibawah ini gunakan Script dibawah.
/* Vetizens Download Box */
.usagi-download{margin:10px 0}
.usagi-item>b{background:#49bafc;color:#fff;font-weight:700;padding:7px 10px;margin:0;font-size:12px;width:100%;display:block;border-bottom:1px solid #B9453D;margin-bottom:-1px;line-height:20px;font-size:13px;font-family:'Segoe UI',arial,sans-serif;}
.usagi-item{border-bottom:1px solid #E4E4E4;white-space:nowrap;overflow-x:auto;overflow-y:hidden;background:#FBFBFB}
.usagi-item a{float:left;margin:13px 10px;margin-right:0;padding-right:10px;border-right:1px solid #C7C7C7;text-align:center;line-height:10px}
.usagi-item a:last-child{border-right:0}

Sekian untuk tutorial kali ini semoga bermanfaat untuk kalian semua terutama fansub dan fanshare blogger :D.
Jika ada salah kata saya minta maaf :)
Jika Masih Bingung Silahkan Berkomentar . . .
Kunjungi Vetizens terus untuk informasi terupdate . . . .

Read more

Cara Membuat Page Pendaftaran Admin di Blogger


Malam sobat Vetizens bertemu dengan saya lagi pada kali ini saya akan berbagi sedikit tutorial yang setelah saya cari di google dan menemukannya :D
Tutorial ini saya dapatkan dari Usagilaabs dan bukan buatan saya.
Tutorial ini cocok untuk kalian para fansub/fanshare khususnya blogger untuk mencari para admin baru.

Langsung Saja ke TKP biar tidak kelamaan . . .

1. Login Blogger > Masuk Blogger fansub/fanshare kalian.

2. Blog kalian > Laman / Pages > Laman baru.

3. Pilih HTML jangan Compose, lalu masukkan script dibawah ini.
<style>h1.post-title{display:none}.contact-form-box>p{margin:0;line-height:1.5;color:#666;border:1px solid #F1E8C3;background:#FDF6D7;padding:15px;border-radius:3px}.contact-form-box>b{text-transform:uppercase;font-size:17px;text-align:center;display:block;margin:0 0 15px;letter-spacing:.5px;border-bottom:1px solid #ddd}.us_line{display:block;margin-bottom:15px;font-size:13px;color:#666;letter-spacing:.5px;text-transform:uppercase;position:relative;font-family:'Roboto','Open Sans',Segoe UI,Arial,sans-serif}.us_line>b{display:block;text-transform:uppercase;letter-spacing:1px}.us_line>input,.us_line>textarea,.us_line>select{border:1px solid #E2E2E4;background:#FDFDFD;padding:0 10px;width:100%;display:block;color:#999;border-radius:3px;height:35px;line-height:2}.us_line>input:focus,.us_line>textarea:focus,.us_line>select:focus{outline:1px solid #009EFD;color:#333}#ContactForm1_contact-form-reason{height:100px;padding:5px 10px}.us_line:nth-of-type(3),.us_line:nth-of-type(4),.us_line:nth-of-type(8),.us_line:nth-of-type(9){display:inline-block;width:49.5%}#sendform{background:#77CB59;color:#FFF;border:0;padding:10px 25px;text-transform:uppercase;letter-spacing:1px;font-weight:700;border-radius:3px;font-family:'Roboto','Open Sans',Segoe UI,Arial,sans-serif;cursor:pointer}#sendform:hover{background:#66AF4C}#sendform[disabled="disabled"]{background:#DDD!important}#contact_layout{font-family:'Roboto','Open Sans',Segoe UI,Arial,sans-serif;text-align:center;position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.5);z-index:99999}.contact_top{margin:-55px auto 15px}.contact_top i{background:#70C340;color:#fff;font-size:35px;font-weight:400;text-align:center;margin:auto;border-radius:100%;line-height:60px;padding:0 14px;border:5px solid #FFF}.contact_message{width:40%;background:#FFF;color:#fff;border-radius:5px;padding:20px;text-align:center;color:#333;position:absolute;top:10%;left:50%;margin-left:-20%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.contact_message b{text-transform:capitalize;font-size:20px;letter-spacing:.2px;display:block;font-weight:400}.contact_message p{margin:15px 0;color:#666}.contact_message a{display:block;background:#70c340;border-radius:5px;line-height:40px;color:#fff!important;text-transform:uppercase;font-weight:700;font-size:15px}.contact-form-error-message-with-border img{display:none!important}.error_message a,.error_message i{background:#E66148!important}@media screen and (max-width:768px){.contact_message{width:90%!important;margin-left:-45%!important}}@media screen and (max-width:420px){.us_line:nth-of-type(3),.us_line:nth-of-type(4),.us_line:nth-of-type(8),.us_line:nth-of-type(9){width:100%}}</style>
<div class="contact-form-box">
<b>Recruitment Staff</b>
<p>Open Recruitment Staff, if you interested want to join in my fansub please register in form below. thanks</p>
<form id='us_contact' name="contact-form">
<div class='us_line'><b>Name</b><input id="ContactForm1_contact-form-name" name="name" placeholder="Name" type="text" value="" required/></div>
<div class='us_line'><b>Email</b><input id="ContactForm1_contact-form-email" name="email" placeholder="Email" type="text" value="" required/></div>
<div class='us_line'><b>Gender</b><select><option value="Male" name="gender" selected>Male</option><option value="Female" name="gender">Female</option></select></div>
<div class='us_line'><b>Age</b><input id="ContactForm1_contact-form-age" name="age" placeholder="0" maxlength="2" type="number" min="1" max="30" value="" required/></div>
<div class='us_line'><b>Domicele</b><input id="ContactForm1_contact-form-domicele" name="age" placeholder="Region, City" type="text" value="" required/>
</div>
<div class='us_line'><b>Url Facebook</b><input id="ContactForm1_contact-form-urlfb" name="age" placeholder="http://facebook.com/yourusername" type="url" value="" required/></div>
<div class='us_line'><b>Contact</b><input id="ContactForm1_contact-form-contact" name="age" placeholder="Ex. Number Phone / ID Line / PIN BBM" type="text" value="" required/></div>
<div class='us_line'><b>Job</b>
<select>
<option value="Translator" name="jobs" selected>Translator</option>
<option value="Typesett" name="jobs">Typesett</option>
<option value="Kara Effect" name="jobs">Kara Effect</option>
<option value="Uploader/Mirroring" name="jobs">Uploader/Mirroring</option>
<option value="TLC & Editor" name="jobs">TLC & Editor</option>
<option value="Encoder" name="jobs">Encoder</option>
<option value="Admin In Fanspage" name="jobs">Admin In Fanspage</option>
</select>
</div>
<div class='us_line'><b>Levels of proficiency</b>
<select>
<option value="Zero" name="lvl" selected>Zero</option>
<option value="Beginner" name="lvl" selected>Beginner</option>
<option value="Experienced" name="lvl">Experienced</option>
<option value="Proficient" name="lvl">Proficient</option>
<option value="Expert" name="lvl">Expert"</option>
</select>
</div>
<div class='us_line'><b>The reason want to join?</b><textarea cols="25" id="ContactForm1_contact-form-reason" name="email-message" placeholder="Give your reasons why you want to join?" required></textarea></div>
<div class='us_line dn' style='display:none;'><textarea style='display:none;' cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Message" rows="5"></textarea><input style='display:none;' id="ContactForm1_contact-form-submit" type="button" value="Send" /></div>
<button type='button' onclick="generate()" disabled="disabled" id="sendform">Send</button>
<div id="ContactForm1_contact-form-error-message"></div>
<div id="ContactForm1_contact-form-success-message"></div>
</form>
</div>
<script type="text/javascript">/*<![CDATA[*/if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');/*]]>*/</script>
<script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script>
<script>
//<![CDATA[
/*
* Form Recruitment Fansubs
* Source code by http://bit.ly/modifymsg_kompiajaib and http://bit.ly/contactform_kompiajaib
* Modify by http://usagilabs.blogspot.com/
* Copyright 2016
*/
var blogsid = "8410876137745120111"; // Your IDBLOG
var nameblog = "//vetizens.id/"; // Your URLBLOG, don't copy HTTP: or HTTPS:
var successmsg = "<b>Your form has been sent</b><p>We will strive to respond promptly your registration within 24 hours. if you not get reply within 24 hours please contact admin via fanspage.</p>";
var invalidmsg =  "<b>A valid email address is required</b><p>You must fill in your email address correctly.</p>";
var notsendmsg = "<b>Message could not be sent</b><p>Please try again later</p>";
var sett = {
name   : "Name",
email   : "Email",
gender   : "Gender",
age   : "Age",
domicele  : "Domicele",
urlfb   : "Url Facebook",
contact  : "Contact",
jobs   : "Jobs",
lvl   : "Level",
reason   : "Give your reasons why you want to join?",
br    : "\n"
};
//]]>
</script>
<script src="//cdn.rawgit.com/tutorialku/usagilabs/master/lib/formrecruitment.min.js" type="text/javascript"></script>
 Penting :
8410876137745120111 ganti dengan ID Blog kalian

 //vetizens.id/ ganti dengan url blog kalian tetapi jangan sampai http / https 

4. Simpan / Save, lalu lihat hasilnya.

Jika Ingin Melihat Demo nya bisa lihat di bawah.


Sangat simple kan :D
Tambahan Style lain :

Style Boxed
.contact-form-box{border:1px solid #E2E2E4;padding:0 20px;background:#FDFDFD;border-radius:3px}.contact-form-box>p{margin:0;line-height:1.5;color:#666;border:1px solid #F1E8C3;background:#FDF6D7;padding:15px;border-radius:3px}.contact-form-box>b{background:#77CB59;color:#FFF;text-transform:uppercase;font-size:17px;text-align:center;display:block;margin:0 -21px 15px;border-radius:3px 3px 0 0;line-height:45px;letter-spacing:.5px}h1.post-title{display:none}.us_line{display:block;margin-bottom:15px;font-size:13px;color:#B9B9B9;letter-spacing:.5px;text-transform:uppercase;font-weight:700;position:relative;font-family:'Roboto','Open Sans',Segoe UI,Arial,sans-serif}.us_line>b{display:block;text-transform:uppercase;letter-spacing:1px}.us_line>input,.us_line>textarea,.us_line>select{border:1px solid #E2E2E4;background:#FFF;padding:0 10px;width:100%;display:block;color:#B0B1B1;border-radius:3px;height:35px;line-height:2}.us_line>input:focus,.us_line>textarea:focus,.us_line>select:focus{outline:1px solid #009EFD;color:#646464}#ContactForm1_contact-form-reason{height:100px;padding:5px 10px}.us_line:nth-of-type(3),.us_line:nth-of-type(4),.us_line:nth-of-type(8),.us_line:nth-of-type(9){display:inline-block;width:49.5%}#sendform{background:#77CB59;color:#FFF;border:0;padding:10px 25px;text-transform:uppercase;letter-spacing:1px;font-weight:700;border-radius:3px;font-family:'Roboto','Open Sans',Segoe UI,Arial,sans-serif;cursor:pointer}#sendform:hover{background:#66AF4C}#sendform[disabled="disabled"]{background:#DDD!important}#contact_layout{font-family:'Roboto','Open Sans',Segoe UI,Arial,sans-serif;text-align:center;position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.5);z-index:99999}.contact_top{margin:-55px auto 15px}.contact_top i{background:#70C340;color:#fff;font-size:35px;font-weight:400;text-align:center;margin:auto;border-radius:100%;line-height:60px;padding:0 14px;border:5px solid #FFF}.contact_message{width:40%;background:#FFF;color:#fff;border-radius:5px;padding:20px;text-align:center;color:#333;position:absolute;top:10%;left:50%;margin-left:-20%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:768px){.contact_message{width:90%!important;margin-left:-45%!important}}.contact_message b{text-transform:capitalize;font-size:20px;letter-spacing:.2px;display:block;font-weight:400}.contact_message p{margin:15px 0;color:#666}.contact_message a{display:block;background:#70c340;border-radius:5px;line-height:40px;color:#fff!important;text-transform:uppercase;font-weight:700;font-size:15px}.contact-form-error-message-with-border img{display:none!important}.error_message a,.error_message i{background:#E66148!important}@media screen and (max-width:768px){.contact_message{width:90%!important;margin-left:-45%!important}}@media screen and (max-width:420px){.us_line:nth-of-type(3),.us_line:nth-of-type(4),.us_line:nth-of-type(8),.us_line:nth-of-type(9){width:100%}}
Style dengan Icon Fontawesome:
.us_line:after{font-family:FontAwesome;position:absolute;bottom:6px;left:10px;z-index:100;color:#B0B1B1;font-size:13px;font-weight:400;opacity:.6}.us_line:nth-of-type(1):after{content:"\f007"}.us_line:nth-of-type(2):after{content:"\f0e0"}.us_line:nth-of-type(3):after{content:"\f222"}.us_line:nth-of-type(4):after{content:"\f133"}.us_line:nth-of-type(5):after{content:"\f21d"}.us_line:nth-of-type(6):after{content:"\f082"}.us_line:nth-of-type(7):after{content:"\f095"}.us_line:nth-of-type(8):after{content:"\f0f2"}.us_line:nth-of-type(9):after{content:"\f19d"}.us_line>input,.us_line>select{padding-left:30px!important} 
bagi kalian yang ingin menambahkan icon sobat tinggal copy css dibawah ini lalu taruh diatas </style>, tidak ada yang diganti cuman menambahkan css untuk fontawesome.

Sekian Tutorial dari saya Jika ada kata yang kurang benar mohon dimaafkan.
Jika Masih Bingung Silahkan Berkomentar . . .
Kunjungi Vetizens terus untuk informasi terupdate . . . .

Read more

Sabtu, 14 Mei 2016

Cara Membuat Widget Label Dropdown


Malam Sobat Vetizens, sudah lama saya tidak bertemu dengan sobat semua. Pada kesempatan kali ini saya akan membahas tentang Cara Membuat Widget Label Dropdown. Mungkin beberapa sobat Vetizens ada yang membutuhkannya karena saya pun membutuhkannya, caranya simple dan mudah dimengerti asal mengikuti tutorial dengan benar.


Tutorialnya :

1. Login ke blog sobat
2. Pilih " Template " lalu klik " Edit HTML "
3. Cari kode
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
4. Setelah ketemu silahkan gantikan code yang diatas dengan code yang ada dibawah ini. Kemudian save template dan lihat hasilnya.

<b:widget id='Label1' locked='false' title='Categories' type='Label'>
<b:includable id='main'> <b:if cond='data:title'>
<h2><data:title/></h2> </b:if>
<div class='widget-content'>
<select style='width:100%' onchange='location=this.options[this.selectedIndex].value;'> <option>Judul</option>
<b:loop values='data:labels' var='label'> <option expr:value='data:label.url'>
<data:label.name/> (<data:label.count/>) </option> </b:loop> </select></div> </b:includable> </b:widget>

Catatan :
Widget label dalam postingan kali ini digantikan dengan sistem drop down, tampilan yang menarik dan tidak memakan banyak tempat untuk label halaman. Untuk mengganti code <b:widget id='Label1' locked='false' title='Labels' type='Label'/> anda harus menggantikan code tersebut sampai batas code </b:widget>. Untuk tulisan warna hijau , silahkan anda ganti dengan judul kategori halaman anda. Code tulisan warna biru berguna untuk menunjukkan berapa banyak artikel dalam sebuah kategori atau biasa disebut dengan counter label. Bila anda tidak ingin menunjukkan counter labelnya silahkan hapus code tersebut.

 Sekian untuk tutorial Cara Membuat Widget Label Dropdown. Semoga bermanfaat untuk semua :D .
Jika Masih Bingung Silahkan Berkomentar . . .
Kunjungi Vetizens terus untuk informasi terupdate . . . .

Read more

Selasa, 03 Mei 2016

Sublime Text 3 Full Version


Malam Sobat Vetizens, bertemu dengan saya lagi setelah kemarin saya post tentang Cara Menghemat RAM Saat Browsing . maka pada kesempatan kali saya akan share Sublime Text 3 Full Version. Kegunaan software Sublime Text 3 untuk mengedit membuat template dan masih banyak lagi.

What’s new? (Build 3103, Release Date: 9 February 2016)
  • See also the Blog Post
  • Added new Syntax Definition file format, .sublime-syntax
  • Added a custom regex engine that matches multiple regexps in parallel, for faster file loading and indexing
  • Improved Unicode support, including combining character rendering, character classification in regex searches, and case insensitivity in Goto Anything matching
  • Packages are now on GitHub
  • Incorporates many community provided improvements to the above packages, with significant improvements to HTML, CSS, JavaScript, Go, D and SQL
  • Added Panel Switcher to status bar
  • Better handling of troublesome files during indexing
  • Improved file change detection
  • Added “Profile Events” to the Command Palette, to help identify slow plugins
  • Build Systems may now define a list of file name wildcard patterns to trigger on, via the file_patterns key
  • prompt_open_file and related commands now accept an initial_directory argument
  • Improved indenting behavior when indent_to_bracket is enabled
  • Spell Checker now reads from manually edited user preferences on the fly
  • Stability improvements for Find in Files when using regular expressions that result in significant backtracking
  • Fixed file truncation when using hexadecimal encoding
  • Fixed brackets in strings influencing auto indent
  • Fixed inconsistencies in Goto Anything when selecting symbols
  • Fixed tab completion regression in 3081, where h1..h6 HTML completions were not triggering
  • Fixed Goto Definition command not working when placed in a submenu
  • OSX: Fixed Emoji & Symbols popup failing to insert text in some cases
  • Windows: Added support for inserting characters from outside of the BMP
  • Windows: ctrl+alt+p is no longer bound by default, due to compatibility issues with some keyboard layouts
  • Windows: Updated code signing certificate to no longer use SHA1
  • Linux: Fixed a file permission issue when running without –wait
  • Linux: crash_reporter is statically linked, improving system compatibility
  • API: Added Window.is_sidebar_visible() and Window.set_sidebar_visible()
  • API: Added View.is_auto_complete_visible()
  • API: Added find_output_panel(), destroy_output_panel(), active_panel() and panels()
  • API: Added create_output_panel() now accepts an optional parameter, “unlisted”
Screenshot :



Install :
  1. Download Sublime Text 3 (sesuai sistem Windows kamu) melalui link di bawah
  2. Ekstrak file yang sudah kamu download tadi dengan WinRAR
  3. Jalankan installer Sublime Text 3, kemudian install seperti biasa
  4. Jika sudah selesai, jalankan Sublime Text 3
  5. Klik Help > Enter License
  6. Masukkan Serial berikut :
—– BEGIN LICENSE —–
Free Communities Consultoria em Informática Ltda
Single User License
EA7E-801302
C154C122 4EFA4415 F1AAEBCC 315F3A7D
2580735A 7955AA57 850ABD88 72A1DDD8
8D2CE060 CF980C29 890D74F2 53131895
281E324E 98EA1FEF 7FF69A12 17CA7784
490862AF 833E133D FD22141D D8C89B94
4C10A4D2 24693D70 AE37C18F 72EF0BE5
1ED60704 651BC71F 16CA1B77 496A0B19
463EDFF9 6BEB1861 CA5BAD96 89D0118E
—— END LICENSE ——
Download
32Bit
64Bit

Jika Masih Bingung Silahkan Berkomentar . . .
Kunjungi Vetizens terus untuk informasi terupdate . . . .

Read more

Minggu, 10 April 2016

Cara Cek Apakah Blog Kamu Di Banned Google Adsense


Malam semua sobat Vetizens, lama tidak berjumpa dengan saya karena cukup sibuk mengurus blog lainnya. Tetapi pada kesempatan kali saya akan sharing tentang Cara Cek Apakah Blog Kamu Di Banned Google Adsense. Caranya cukup simple dan semoga membatu untuk para sobat yang ingin mendapatkan kerja sama dari Google Adsense. Baiklah langsung saja meluncur...

1. Buka situs Is Banned ???


2. Masukkan URL blog sobat, Contoh :www.vetizens.id lalu isi Capthanya lalu klik submit.


3. Jika Blog kalian tidak melanggar TOS Google Adsense maka akan muncul tulisan Biru : is not banned from Google AdSense

4. Tetapi jika Blog kalian melanggar TOS Google Adsense maka akan muncul tulisan Merah : is  banned from Google AdSense

Jika Blog sobat masih bertuliskan is banned from Google Adsense solusinya edit post yang mengandung download atau sejenisnya (Pengalaman Saya).
Sekian untuk Cara Cek Apakah Blog Kamu Di Banned Google Adsense. Semoga membantu sobat agar cepat diterima Google Adsense :D.
Kunjungi Vetizens terus untuk informasi terupdate . . . .

Read more

Minggu, 20 Maret 2016

Cara Membuat Tombol Sederhana di Blog


Malam sobat Vetizens bertemu dengan saya lagi dengan tutorial sederhana yaitu Cara Membuat Tombol Sederhana di Blog, Sebenarnya sobat tidak usah membuat sendiri tombol karena blogger sendiri sudah menyediakannya tetapi jika sobat sudah paham html mungkin sobat bisa membuat tombol yang lebih bagus dan keren, tetapi saya hanya akan membahas yang simple untuk pemula saja. baiklah langsung saja daripada kelamaan hehehehe...

Tutorialnya :

1. Masuk Blogger buat post baru lalu pilih HTML
2. Selanjutnya letakkan kode berikut :


Kodenya :
<button>Tombol</button>
Kodenya jika ingin ditaruh ditengah :
<div style="text-align: center;"><button>Ini Tombol</button></div>
Jika ingin samping kanan center ganti saja right.


Jika ingin memberikan link :
<a href="http://vetizens.id/"><button>LINK</button></a>


Jika ingin menambahkan link jika di klik membuka di tab baru tambahkan target="_blank"
<a href="http://vetizens.id/" target="_blank"><button>LINK</button></a>

Sobat bisa mengkombinasikan dari semua kodenya agar bisa sesuai harapan sobat.Sekian untuk tutorial kali ini, Terima kasih sudah berkunjung.
Jika Masih Bingung Silahkan Berkomentar . . .
Kunjungi Vetizens terus untuk informasi terupdate . . . .

Read more

Rabu, 09 Maret 2016

Cara Atasi The Site Ahead Contains Harmful Programs


Malam sobat Vetizens, bertemu dengan saya lagi di postingan tentang Cara Atasi The Site Ahead Contains Harmful Programs . banyak yang menganggap masalah ini adalah internet positif/virus yang menyerang pc, tetapi sebenarnya ini masalah yang cukup mudah dan sebenarnya ini adalah kesalahan pemilik blog/web tersebut memasang iklan yang salah atau memposting unsur yang berbahaya bagi pc atau laptop sobat. langsung saja to the pointnya saja :D

1. Masuk ke situs yang seperti gambar.


2. Pilih Details.


3. Setelah itu pilih Visit this unsave site , setelah itu sobat akan otomatis ke situs yang sobat akses.


Untuk para sobat blogger/wordpress jika situs sobat muncul seperti diatas solusinya adalah coba cari postingan yang jika dibuka muncul seperti gambar, jika sobat menemukannya maka hapus saja postingan tersebut atau sobat edit agar notice tersebut menghilang, tetapi jika sobat tidak menemukannya di semua postingan sobat mungkin dari iklan yang sobat pasang, solusinya yaitu hapus iklan tersebut dari blog sobat.

Demikian sedikit tutorial tentang Cara Atasi The Site Ahead Contains Harmful Programs. Semoga bisa membatu sobat dalam menakses link yang tidak bisa terbuka seperti diatas.
Jika Masih Bingung Silahkan Berkomentar . . .
Kunjungi Vetizens terus untuk informasi terupdate . . . .

Read more
Langganan: Postingan (Atom)