Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan

Senin, 20 Maret 2017

Cara Membuat Efek Bayangan di Pinggiran Blog

Halo semuanya, kembali lagi bersama saya Dionimouz, di tutorial kali ini aku akan nge-share bagaimana cara membuat efek shadow / bayangan di Pinggiran Blog atau di Content Wrapper


Cara Membuat Efek Bayangan di Pinggiran Blog

1.Buka Blogger
2.Masuk ke Blog yang ingin dipasang lalu klik Template dan pilih Edit HTML
3.Setelah itu copy kode dibawah dan pastekan di widget tersebut
4.Cari kode #content-wrapper dan letakan kode dibawah ini dibawahnya

border:2px solid #0000ff; border-color:#9ecaed; box-shadow:0 0 10px #666}

5. Save Template dan Lihat Hasilnya

Untuk manfaat dari membuat efek bayangan ini sendiri yaitu memperindah blog dan juga membuat pengunjung lebih betah di blog

Terima Kasih

Cukup sekian dari post ini,semoga dapat menambah informasi bagi anda.

Kamis, 18 Agustus 2016

Cara Mengatasi Blog yang Masuk Google Sandbox

Google Sandbox adalah suatu Pinalty  dari Google yang menyebabkan Blog kalian tidak muncul di pencarian google, alias tidak ditemukan, banyak penyebab Blog kalian terkena Sandbox, dan hari ini saya akan berbagi Penyebab, Mengecek Apakah Blog Masuk Sandbox dan Cara Keluar dari Sandbox


Penyebab Blog masuk Google Sandbox
  • Artikel Blog anda Copy Paste dari Website/Blog lain
  • Optimasi yang berlebihan pada Blog anda
  • Backlink dan Ping yang terlalu banyak
  • Banyak Link Error / Not Found di Blog 
  • Banyak artikel yang memiliki kata dan judul yang sama (PENTING) 

Cara Cek apakah Blog terkena Google Sandbox
  • Buka Sandbox Checker 
  • Masukan URL Blog anda dan Lengkapi Captcha
  • Klik Submit 
  • dan hasilnya akan keluar 

Cara Mengatasi Blog yang Masuk Google Sandbox


1.HAPUS atau EDIT artikel yang menurut anda katanya diulang ulang dan banyak kata yang sama
2.Perbaiki Link Rusak atau Not Found yang ada di Blog anda
3.Submit ulang Website anda di Google Webmaster
4.Submit ulang Sitemap Blog anda di Google Webmaster

Tunggu kurang lebih 1 Minggu sampai blog anda terlepas dari Google Sandbox (Dalam Tahap Ini, pastikan dalam 1 minggu kalian rajin update 2x Artikel / hari, Jadi Total 14 Artikel)

Cukup sekian dari post ini,semoga dapat menambah informasi bagi anda.

Minggu, 17 Juli 2016

Cara Mudah Membuat Slide Facebook Like Box di Blog

Halo semuanya, Selamat datang di Dionimouz, hari ini saya akan memberikan tutorial Bagaimana Cara Mudah Membuat Slide Facebook Like Box di Blog, dengan cara ini kalian bisa meningkatkan Like di Fanspage Facebook anda ! Mau tau caranya ? Simak dibawah


Ya,demonya seperti gambar diatas, ketika mouse diarahkan ke tombol Facebook, maka Facebook fanspage box anda akan keluar, untuk demonya kalian bisa lihat di bagian kiri blog saya.

Tertarik untuk memasangnya ? Cek dibawah

Cara Mudah Membuat Slide Facebook Like Box di Blog


#STEP1
PEMASANGAN jQuery di Blog (Lanjutkan ke #STEP 2 Jika sudah memasang)
 
1.Buka Blogger
2.Masuk ke Blog yang anda ingin pasang, lalu pilih Template dan klik Edit HTML
3.Cari kode </head> dan letakan kode dibawah ini diatasnya
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

#STEP2
PEMASANGAN Widget Slide Facebook Like Box di Blog
 
1.Buka Blogger
2.Masuk ke Blog yang ingin dipasang lalu klik Tata Letak dan pilih Tambahkan Widget,lalu pilih HTML/Javascript
3.Setelah itu copy kode dibawah dan pastekan di widget tersebut
<style type="text/css">
/*<![CDATA[*/
#fbplikebox{display: block;padding: 0;z-index: 99999;position: fixed;}
.fbplbadge {background-color:#3B5998;display: block;height: 150px;top: 50%;margin-top: -75px;position: absolute;left: -47px;width: 47px;background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeXcPllfPfPf2Zdt48GS4hhF_MyRBI-JbTBuFy2of7W2YWn7-jgnwFcAgoGiZu0Zbm51_V3N54LIf9WLAUwB5zZe29G0Ab9d1BS3Imb2bRNaA6QcUiDQsuUHNUEoOhFY_NeWc0EShIRXU/s1600/vertical-right.png");background-repeat: no-repeat;overflow: hidden;-webkit-border-top-left-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-bottomleft: 8px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
/*]]>*/
</style>
<script type="text/javascript">
/*<![CDATA[*/
    (function(w2b){
        w2b(document).ready(function(){
            var $dur = "medium"; // Duration of Animation
            w2b("#fbplikebox").css({right: -250, "top" : 100 })
            w2b("#fbplikebox").hover(function () {
                w2b(this).stop().animate({
                    right: 0
                }, $dur);
            }, function () {
                w2b(this).stop().animate({
                    right: -250
                }, $dur);
            });
            w2b("#fbplikebox").show();
        });
    })(jQuery);
/*]]>*/
</script>
<br />
<div id="fbplikebox" style="display: none;">
<div class="fbplbadge">
</div>
<iframe allowtransparency="true" frameborder="0" rel="nofollow" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/URLFESBUK&amp;width=250&amp;height=250&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23C4C4C4&amp;stream=false&amp;header=false" style="background: #FFFFFF; border: none; height: 250px; overflow: hidden; width: 250px;"></iframe></div>
4.Eitts.. belum selesai, ganti tulisan berwarna merah dengan URL Kode Facebook anda
5.Save Widget dan Cek Blog anda masing masing

Cukup sekian dari post ini,semoga dapat menambah informasi bagi anda.

Jumat, 15 Juli 2016

Cara Mengatasi Artikel Terkait yang Undefined dengan Mudah

Setelah sekian lama saya tidak ngeposting tentang Tutorial Blog kali ini saya akan memberikan tutorial singkat berupa Cara Mengatasi Artikel Terkait yang Undefined dengan Mudah, biasanya Artikel Terkait atau Related Article dibawah Postingan tidak bergambar dan ada tulisan Undefined, jika kalian mengalami hal yang sama, simak tutorial dibawah.


Begini contohnya artikel undefined


Baiklah jika kalian mengalami hal seperti diatas, simak cara mengatasinya dibawah ini

Cara Mengatasi Artikel Terkait yang Undefined dengan Mudah


1.Buka Blogger
2.Masuk ke Blog yang ingin dipasang lalu klik Setelan dan pilih Lainnya



3.Perhatikan dibagian Izinkan Umpan Blog
4.Ganti peraturan tersebut menjadi Singkat 


5.klik Simpan Setelan dan cek blog anda masing masing 

Jika masih Undefined periksalah apakah dalam setiap artikel anda sudah anda tambahkan Label

Cukup sekian dari post ini,semoga dapat menambah informasi bagi anda.

Kamis, 02 Juni 2016

Cara Mudah Membuat Blog Tidak Bisa di Klik Kanan

Bagaimana Rasanya jika kita susah susah membuat Artikel tapi malah di copy orang lain yang tidak bertanggung jawab ? Sangat kesal kan ? Oleh karena itu hari ini akan saya bagikan cara agar blog kita tidak bisa di klik kanan dengan cara yang sangat mudah.

Cara Mudah Membuat Blog Tidak Bisa di Klik Kanan

Disini saya memberikan 2 Pilihan code.

1.Ketika di klik kanan akan muncul pesan peringat
2.Ketika di klik kanan tidak akan terjadi apa - apa

Langsung Saja, mari simak tutorialnya

Cara Mudah Membuat Blog Tidak Bisa di Klik Kanan dengan Pesan Peringatan


1.Buka Blogger
2.Masuk ke Blog yang ingin dipasang lalu klik Tata Letak dan pilih Tambahkan Widget,lalu pilih HTML/Javascript
3.Setelah itu copy kode dibawah dan pastekan di widget tersebut
     <script> var message="Sementara Ini, Klik kanan di non-aktifkan";
    ///////////////////////////////////
    function clickIE4(){if (event.button==2){alert(message);return false;}} function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}} if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;} else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;} document.oncontextmenu=new Function("alert(message);return false")</script>
4.Untuk teks yang berwarna Merah, adalah Teks Peringatannya, bisa kalian ganti sesuka hati kalian.
5.Setelah itu Simpan Widget dan Cek Blog anda

Cara Mudah Membuat Blog Tidak Bisa di Klik Kanan tanpa Pesan Peringatan


1.Buka Blogger
2.Masuk ke Blog yang ingin dipasang lalu klik Tata Letak dan pilih Tambahkan Widget,lalu pilih HTML/Javascript
3.Setelah itu copy kode dibawah dan pastekan di widget tersebut
     <script>
    ///////////////////////////////////
    function clickIE4(){if (event.button==2){alert(message);return false;}} function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}} if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;} else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;} document.oncontextmenu=new Function("alert(message);return false")</script>
4.Setelah itu Simpan Widget dan Cek Blog anda

Setelah kalian menyimpan Widget tersebut, cek blog kalian masing masing, apakah masih bisa di klik kanan atau tidak.

Cek Juga : Cara Mudah Mencegah Plagiat Page Source di Blog

Cukup sekian dari post ini,semoga dapat menambah informasi bagi anda.

Senin, 30 Mei 2016

Cara Membuat Daftar Isi Berdasarkan Artikel atau Kategori Keren

Halaman Daftar Isi sangat berguna bagi para pengunjung blog untuk mencari artikel artikel tertentu, Pada hari ini saya akan membagikan sebuah Model Daftar Isi keren yang dapat kalian urutkan berdasarkan Kategori / Artikel, di daftar isi ini terdapat juga Komentar yang ada pada postingan.

 Cara Membuat Daftar Isi Berdasarkan Artikel atau Kategori Keren

Untuk demo dalam daftar isi yang akan saya bagi bisa kalian lihat dengan menekan tombol DEMO dibawah ini


Sudah lihat ? Tertarik untuk memasangnya ke Blog kalian ? Silahkan lihat dibawah

Cara Membuat Halaman Kode Warna di Blog

1.Buka Blogger
2.Setelah itu buat Laman Baru dan ganti dari Compose ke HTML, seperti gambar dibawah

 Cara Membuat Daftar Isi Berdasarkan Artikel atau Kategori Keren

3.Setelah itu copy kode dibawah dan letakan disana
<style scoped="scoped" type="text/css">
#table-outer{padding:7px 10px;margin:0 auto}
#table-outer table{width:auto;margin:0 auto}
#table-outer form{font:inherit}
#table-outer label{display:block;text-align:right;margin:0 10px 0 0;padding:4px 0 0}
#table-outer select[disabled]{opacity:.4}
#post-searcher{display:block;margin:0;padding:0}
#table-outer input,#table-outer select{width:100%;border:1px solid #dedede;border-radius:5px;margin:0;padding:5px;font-family: Roboto,sans-serif!important;font-size:16px!important;font-weight:500!important;text-transform:capitalize!important;outline:0;color:#333!important;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#table-outer select option{min-height:1.4em!important;}
#table-outer input#feed-q{padding:5px 10px!important;}
#feed-container{background:#fff;display:block;clear:both;margin:0;padding:0;list-style:none;overflow:hidden;position:relative;border-top:none}
#feed-container li{list-style:none;margin:0;padding:0;border-top:1px solid #eee;color:#555;width:auto;float:left;display:inline}
#feed-container li .inner{margin:15px 0;height:auto;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis}
#feed-container li a{text-decoration:none;color:#2C2C2C;font-weight:500}
#feed-container li a:hover{text-decoration:none;color:#E94141}
#feed-container li .news-text{margin-top:5px;line-height:1.3em!important}
#feed-container li img{margin:0 15px 5px 0;padding:7px 7px 7px 0;float:left;display:block;}
#result-desc{margin:0;padding:0;}
#result-desc div,#result-desc span{display:block;margin:0;padding:5px 0 7px;color:#D64D52}
#result-desc div{color:inherit}
#feed-nav{margin:10px 0 30px;text-align:center;font-weight:500}
#feed-nav a,#feed-nav span{border:1px solid #dedede;border-radius:5px;padding:0;color:#757575;text-decoration:none;display:block;height:30px;line-height:32px}
#feed-nav a,#feed-nav span:hover{color:#1B1B1B}
#feed-nav a:active,#feed-nav a:hover{color:#555}
#feed-nav span{cursor:wait}
@media (max-width:600px){#table-outer table{margin:0 auto;width:100%}
#feed-container,#table-outer{margin:0 auto}
#feed-container li .inner{margin:5px auto;height:auto}
#feedContainer li{float:none;display:block;width:auto;height:auto}
#feed-container li .news-text, #feedContainer:after,#feed-container li img{display:none!important}
}

.post-body{min-height:300px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiThDMeYZGFxOI74oVkLJFCqd8HddswczFlzotULekfMSCJNaQScI9kWxr0-7xIsqPczCF_MS_MgBRczIigbk4if1yZ1svNBq-gvbVWJOkiuzSBIOkm997VkXXJ7iGBaZVh17MpaIXb_2o/w220-h19-no/ajax-loader+%25281%2529.gif)50% 50% no-repeat!important;}
</style>

<br />
<div id="table-outer">
<table><tbody>
<tr><td><label for="feed-order">Berdasarkan Artikel</label></td> <td><select id="feed-order"> <option selected="" value="published">Artikel terbaru</option> <option value="updated">Artikel yang terakhir di update</option> </select></td></tr>
<tr><td><label for="label-sorter">Filter kategori artikel</label></td> <td><select disabled="" id="label-sorter"> <option selected="">Loading....</option> </select></td></tr>
<tr>                 <td><label for="feed-q">Cari kata kunci artikel</label></td> <td><form id="post-searcher">
<input id="feed-q" placeholder="Ketik dan tekan ENTER" type="text" />
</form>
</td></tr>
</tbody></table>
</div>
<br />
<br />
<br />
<header id="result-desc"></header>
<br />
<ul id="feed-container"></ul>
<div id="feed-nav">
</div>
<script type="text/javaScript">
document.write;var loadToc,loadCategories,_toc={init:function(){var cfg={homePage:'http://'+ window.location.hostname,maxResults:10,numChars:270,thumbWidth:140,thumbHeight:95,navText:"Tampilkan artikel selanjutnya &#9660;",resetToc:"Kembali ke Awal",noImage:"http://2.bp.blogspot.com/-11FkySHGB5Y/TpZ6SSbsF2I/AAAAAAAAA94/zK10UaL7jgo/s1600/images.jpeg",loading:"<span>Loading</span>",counting:"<div>
</div>
",searching:"<span>Mencari...</span>"},w=window,d=document,el=function(id){return d.getElementById(id);},o={a:el('feed-order'),b:el('label-sorter').parentNode,c:el('post-searcher'),d:el('feed-q'),e:el('result-desc'),f:el('feed-container'),g:el('feed-nav'),h:d.getElementsByTagName('head')[0],i:0,j:null,k:'published',l:0,m:""},fn={a:function(){old=el('temporer-script');old.parentNode.removeChild(old);},b:function(param){var script=d.createElement('script');script.type="text/javascript";script.id="temporer-script";script.src=param;if(el('temporer-script'))fn.a();o.h.appendChild(script);},c:function(mode,tag,order){o.i++;o.e.innerHTML=cfg.counting;o.g.innerHTML=cfg[mode==1?"searching":"loading"];if(mode===0){fn.b(tag!==null?cfg.homePage+'/feeds/posts/summary/-/'+ tag+'?alt=json-in-script&start-index='+((o.i*cfg.maxResults)+ 1)+'&max-results='+ cfg.maxResults+'&orderby='+ order+'&callback=loadToc':cfg.homePage+'/feeds/posts/summary?alt=json-in-script&start-index='+((o.i*cfg.maxResults)+ 1)+'&max-results='+ cfg.maxResults+'&orderby='+ order+'&callback=loadToc');}else if(mode==1){fn.b(cfg.homePage+'/feeds/posts/summary?alt=json-in-script&start-index='+((o.i*cfg.maxResults)+ 1)+'&max-results='+ cfg.maxResults+'&q='+ tag+'&orderby='+ order+'&callback=loadToc');}
o.j=(tag!==null)?tag:null;o.l=mode;o.a.disabled=true;o.b.children[0].disabled=true;},d:function(json){var _h;o.g.innerHTML="";o.e.innerHTML=o.l==1?'<span>Hasil penelusuran untuk kata kunci <b>&#8220;'+ o.m+'&#8221;</b> ('+ json.feed.openSearch$totalResults.$t+' Hasil)</span>':'<div>
Total: '+ json.feed.openSearch$totalResults.$t+' Artikel</div>
';if("entry"in json.feed){var a=json.feed.entry,b,c,_d,e="0 Komentar",f="",g;for(var i=0;i<cfg.maxResults;i++){if(i==a.length)break;b=a[i].title.$t;_d=("summary"in a[i])?a[i].summary.$t.replace(/<br ?\/?>/ig," ").replace(/<(.*?)>/g,"").replace(/<iframe/ig,"").substring(0,cfg.numChars):"";g=("media$thumbnail"in a[i])?a[i].media$thumbnail.url.replace(/\/s[0-9]+\-c/,"\/s"+ cfg.thumbWidth+""):cfg.noImage.replace(/\/s[0-9]+\-c/,"\/s"+ cfg.thumbWidth+"");for(var j=0,jen=a[i].link.length;j<jen;j++){c=(a[i].link[j].rel=="alternate")?a[i].link[j].href:"#";}
for(var k=0,ken=a[i].link.length;k<ken;k++){if(a[i].link[k].rel=="replies"&&a[i].link[k].type=="text/html"){e=a[i].link[k].title;break;}}
_h=d.createElement('li');_h.innerHTML='<div class="inner">
<img style="width:'+ cfg.thumbWidth+'px;height:'+ cfg.thumbHeight+'px;" src="'+ g+'" alt="'+ b+'"><b><a class="toc-title" href="'+ c+'" target="_blank" title="'+ b+'">'+ b+'</a></b><div class="news-text">
'+ _d+'&hellip;<br style="clear:both;"></div>
</div>
';o.f.appendChild(_h);}
_h=d.createElement('a');_h.href='#load-more';_h.innerHTML=cfg.navText;_h.onclick=function(){fn.c(o.l,o.j,o.k);return false;};}else{_h=d.createElement('a');_h.href='#reset-content';_h.innerHTML=cfg.resetToc;_h.onclick=function(){o.i=-1;o.e.innerHTML=cfg.counting;o.f.innerHTML="";fn.c(0,null,'published');o.a.innerHTML=o.a.innerHTML;o.b.children[0].innerHTML=o.b.children[0].innerHTML;return false;};}
o.g.appendChild(_h);o.a.disabled=false;o.b.children[0].disabled=false;},e:function(json){var a=json.feed.category,b='<select id="label-sorter"><option value="" selected disabled>Pilih Kategori...</option>';for(var i=0,len=a.length;i<len;i++){b+='<option value="'+ encodeURIComponent(a[i].term)+'">'+ encodeURIComponent(a[i].term)+'</option>';}
b+='</select>';o.b.innerHTML=b;o.b.children[0].onchange=function(){o.i=-1;o.f.innerHTML="";o.g.innerHTML=cfg.loading;fn.c(0,this.value,o.k);};}};loadToc=fn.d;loadCategories=fn.e;fn.b(cfg.homePage+'/feeds/posts/summary?alt=json-in-script&start-index='+(o.i+ 1)+'&max-results='+ cfg.maxResults+'&orderby=published&callback=loadToc');fn.b(cfg.homePage+'/feeds/posts/summary?alt=json-in-script&max-results=0&orderby=published&callback=loadCategories');o.a.onchange=function(){o.i=-1;o.f.innerHTML="";o.g.innerHTML=cfg.counting;o.b.children[0].innerHTML=o.b.children[0].innerHTML;fn.c(0,null,this.value);o.k=this.value;};o.c.onsubmit=function(){o.i=-1;o.f.innerHTML="";o.m=o.d.value;fn.c(1,o.d.value,o.k);return false;};}};_toc.init();
</script>
     <script src="https://837e4322157785ac6e2418ca18b2891def99d9f8.googledrive.com/host/0B__SLW9IKWpvUjB4YjRtXzZIUDQ/sitemap-dionimouz.js" type="text/javascript"></script> 
<span style=\"font-size:8px;display:block;text-align:right;" + hideCSS + "\"><a href=\"http://masdeeons.blogspot.com\" target=\"_blank\">get</a></span>
<a class="" href="http://www.dionimouz.com/">get</a>
4.Lalu langsung saja Save/Publikasikan

Untuk Teks seperti KATEGORI,ARTIKEL PILIHAN,silahkan kalian ganti dengan kalimat kalian sendiri Setelah itu silahkan kalian cek blog kalian masing masing.

Cukup sekian dari post ini,semoga dapat menambah informasi bagi anda.

Sabtu, 28 Mei 2016

Cara Memasang Search Box Responsive Keren di Blog

Search Box adalah sebuah kotak pencarian yang berfungsi untuk mencari sesuatu yang sesuai dengan kata kunci yang kita masukan, sebenarnya saya sudah menemukan banyak model/tipe search box, tapi yang saya share kali ini adalah salah satunya, yang menurut saya keren dan responsive yang saya pakai di blog ini.

Cara Memasang Search Box Responsive Keren di Blog


Untuk Demo atau Tampilan SearchBox nya bisa kalian lihat gambar dibawah ini !

Cara Memasang Search Box Responsive Keren di Blog

Dan kalian juga bisa melihat search box nya secara LIVE dibagian kanan header di blog ini.

Bagaimana ? Tertarik untuk memasangnya ?

Cara Memasang Search Box Responsive Keren di Blog

1.Buka Blogger
2.Masuk ke Blog yang ingin dipasang lalu klik Tata Letak dan pilih Tambahkan Widget,lalu pilih HTML/Javascript
3.Setelah itu copy kode dibawah dan pastekan di widget tersebut

<div class='header-right section section' id='header-right'><div class='widget HTML' data-version='1' id='HTML97'>
<div class='widget-content'>
<div id="search-box">
<form action="/search" id="cse-search-box" method="get">
<input id="search-text" name="q" onblur="if (this.placeholder == &quot;&quot;) {this.placeholder = &quot;Cari disini...&quot;;}" onfocus="if (this.value == &quot;Cari disini..&quot;) {this.value = &quot;&quot;}" placeholder="Cari Disini..." type="text" />
<button id="search-button" type="submit"></button>
</form>
</div>
</div>
</div></div>
</div>

4.Setelah itu silahkan Simpan widget tersebut dan cek blog anda masing masing

Tempat Widget yang cocok untuk memasang Search Box Responsive ini adalah di bagian Header, karena panjang dan bentuknya dapat sesuai.

Cukup sekian dari post ini,semoga dapat menambah informasi bagi anda.

Selasa, 02 Februari 2016

Shortener Link yang Membayar Paling Mahal

Shortener Link sebenarnya banyak sekali di Internet, tetapi banyak yang membayar murah, lain dengan Ouo.Io, Shortener Link terbaru ini katanya membayar mahal, jadi bagi kalian yang ingin mendapat uang lewat Shortener Link, saya sarankan kalian menggunakan Ouo.Io karena Shortener ini adalah salah satu shortener yang membayar mahal.

Shortener Link yang Membayar Paling Mahal

Langsung saja kita mulai cara mendapatkan Uang banyak dari Shortener Link OUO.IO


Cara Mendaftar Shortener Link paling Mahal


1.Klik Gambar dibawah ATAU Klik Disini

Daftar OUO.IO

2.Setelah itu klik Get Started dan isi data diri seperti dibawah

Shortener Link yang Membayar Paling Mahal

3.Setelah itu akan ada Notifkasi Sukses dan Check Email kalian masing - masing untuk mengkonfirmasi

Shortener Link yang Membayar Paling Mahal


Cara Menggunakan OUO.IO


1.Masuk ke halaman Dashbord 
2.Klik New Shorten Link (lihat gambar)

Shortener Link yang Membayar Paling Mahal

3.Setelah itu copy link yang ingin di Short kan dan klik gambar pesawat kertas 

Shortener Link yang Membayar Paling Mahal

dan ini hasilnya ketika URL sudah menjadi pendek

Shortener Link yang Membayar Paling Mahal

Nah,tugas kalian selanjutnya adalah membagikan URL yang sudah menjadi pendek ke teman teman kalian, setiap ada yang membuka, kalian akan mendapatkan Uang dan ketika banyak, kalian bisa menarik Uang tersebut Via Paypal

Cukup sekian dari post ini,semoga dapat menambah informasi bagi anda.

Senin, 01 Februari 2016

Cara Memasang Flat UI Color yang Responsive di Blog

Salam Sobat Dionimouz, dalam kesempatan kali ini saya akan membagikan tutorial tentang Cara Memasang Flat UI Color yang Responsive di Blog, Apa Fungsi dari Tools ini ? Tools ini berfungsi agar kita bisa melihat kode warna flat dengan Cepat, selain itu Tools ini juga dapat memperindah blog kalian dan juga memudahkan pengunjung untuk memilih kode warna yang lebih cepat.

Cara Memasang Flat UI Color yang Responsive di Blog

Tools ini sudah dibuat agar Responsive dan mudah untuk dibuka di HP, Cara kerja cukup mudah, kalian cuma harus memilih warna yang kalian inginkan, lalu double klik pada kode warnanya, lalu tekan Copy dan selesai.

Untuk Demo dari Flat UI Color Responsive yang akan saya bagi ini, bisa kalian lihat secara Live disini, tinggal klik Tombol Demo dibawah


Tertarik untuk memasangnya ? Lihat dibawah



Cara Memasang Flat UI Color yang Responsive di Blog


1.Buka Blogger
2.Setelah itu buat Laman Baru dan ganti dari Compose ke HTML, seperti gambar dibawah

Cara Memasang Flat UI Color yang Responsive di Blog

3.Setelah itu copy kode dibawah dan letakan disana
<div id="flatudionimouz">
<ul class="flatui">
<li style="background: #5C97BF;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #5C97BF</span>
      </li>
<li style="background: #4B77BE;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #4B77BE</span>
      </li>
<li style="background: #1F3A93;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #1F3A93</span>
      </li>
<li style="background: #2574A9;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #2574A9</span>
      </li>
<li style="background: #67809F;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #67809F</span>
      </li>
<li style="background: #34495E;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #34495E</span>
      </li>
<li style="background: #3A539B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #3A539B</span>
      </li>
<li style="background: #1E8BC3;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #1E8BC3</span>
      </li>
<li style="background: #6BB9F0;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #6BB9F0</span>
      </li>
<li style="background: #22313F;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #22313F</span>
      </li>
<li style="background: #336E7B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #336E7B</span>
      </li>
<li style="background: #19B5FE;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #19B5FE</span>
      </li>
<li style="background: #89C4F4;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #89C4F4</span>
      </li>
<li style="background: #2C3E50;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #2C3E50</span>
      </li>
<li style="background: #3498DB;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #3498DB</span>
      </li>
<li style="background: #22A7F0;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #22A7F0</span>
      </li>
<li style="background: #94E0EE;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #94E0EE</span>
      </li>
<li style="background: #52B3D9;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #52B3D9</span>
      </li>
<li style="background: #59ABE3;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #59ABE3</span>
      </li>
<li style="background: #26A65B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #26A65B</span>
      </li>
<li style="background: #1E824C;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #1E824C</span>
      </li>
<li style="background: #00B16A;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #00B16A</span>
      </li>
<li style="background: #2ABB9B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #2ABB9B</span>
      </li>
<li style="background: #4DAF7C;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #4DAF7C</span>
      </li>
<li style="background: #03A678;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #03A678</span>
      </li>
<li style="background: #26C281;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #26C281</span>
      </li>
<li style="background: #019875;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #019875</span>
      </li>
<li style="background: #3FC380;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #3FC380</span>
      </li>
<li style="background: #16A085;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #16A085</span>
      </li>
<li style="background: #2ECC71;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #2ECC71</span>
      </li>
<li style="background: #C5EFF7;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #C5EFF7</span>
      </li>
<li style="background: #C8F7C5;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #C8F7C5</span>
      </li>
<li style="background: #049372;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #049372</span>
      </li>
<li style="background: #36D7B7;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #36D7B7</span>
      </li>
<li style="background: #66CC99;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #66CC99</span>
      </li>
<li style="background: #1BA39C;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #1BA39C</span>
      </li>
<li style="background: #1BBC9B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #1BBC9B</span>
      </li>
<li style="background: #65C6BB;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #65C6BB</span>
      </li>
<li style="background: #BFBFBF;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #BFBFBF</span>
      </li>
<li style="background: #ABB7B7;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #ABB7B7</span>
      </li>
<li style="background: #DADFE1;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #DADFE1</span>
      </li>
<li style="background: #95A5A6;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #95A5A6</span>
      </li>
<li style="background: #C5DCE2;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #C5DCE2</span>
      </li>
<li style="background: #BDC3C7;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #BDC3C7</span>
      </li>
<li style="background: #EEEEEE;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #EEEEEE</span>
      </li>
<li style="background: #D2D7D3;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #D2D7D3</span>
      </li>
<li style="background: #F0E2C5;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F0E2C5</span>
      </li>
<li style="background: #EB9532;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #EB9532</span>
      </li>
<li style="background: #E67E22;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #E67E22</span>
      </li>
<li style="background: #F27935;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F27935</span>
      </li>
<li style="background: #F9BF3B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F9BF3B</span>
      </li>
<li style="background: #F7CA18;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F7CA18</span>
      </li>
<li style="background: #F9690E;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F9690E</span>
      </li>
<li style="background: #F39C12;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F39C12</span>
      </li>
<li style="background: #D35400;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #D35400</span>
      </li>
<li style="background: #F4D03F;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F4D03F</span>
      </li>
<li style="background: #F5AB35;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F5AB35</span>
      </li>
<li style="background: #EB974E;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #EB974E</span>
      </li>
<li style="background: #F2784B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F2784B</span>
      </li>
<li style="background: #F4B350;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F4B350</span>
      </li>
<li style="background: #E87E04;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #E87E04</span>
      </li>
<li style="background: #E74C3C;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #E74C3C</span>
      </li>
<li style="background: #CF000F;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #CF000F</span>
      </li>
<li style="background: #C0392B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #C0392B</span>
      </li>
<li style="background: #D64541;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #D64541</span>
      </li>
<li style="background: #EF4836;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #EF4836</span>
      </li>
<li style="background: #96281B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #96281B</span>
      </li>
<li style="background: #D91E18;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #D91E18</span>
      </li>
<li style="background: #E26A6A;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #E26A6A</span>
      </li>
<li style="background: #FF0000;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #FF0000</span>
      </li>
<li style="background: #F22613;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F22613</span>
      </li>
<li style="background: #E08283;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #E08283</span>
      </li>
<li style="background: #9B59B6;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #9B59B6</span>
      </li>
<li style="background: #8E44AD;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #8E44AD</span>
      </li>
<li style="background: #BE90D4;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #BE90D4</span>
      </li>
<li style="background: #BF55EC;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #BF55EC</span>
      </li>
<li style="background: #9A12B3;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #9A12B3</span>
      </li>
<li style="background: #913D88;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #913D88</span>
      </li>
<li style="background: #722D6A;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #722D6A</span>
      </li>
<li style="background: #740A4E;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #740A4E</span>
      </li>
</ul>
</div>
<style scoped="" type="text/css">
/* Flat UI Color by dionimouz.com */
#flatudionimouz ul.flatui{position:relative;display:table;width:100%;text-align:center;color:#fff;font-size:12px;margin:auto;position:relative;padding:0}
#flatudionimouz ul.flatui li{position:relative;display:flex;float:left;width:25%;min-height:160px;padding:4%;list-style:none;background:#444;text-align:center;font-family:inherit;color:rgba(255,255,255,);font-size:1.1rem;margin:auto;font-weight:700;backface-visibility:hidden;transition:all .3s cubic-bezier(1,0.015,0.295,1.225)}
#flatudionimouz ul.flatui li:hover{z-index:4}
#flatudionimouz ul.flatui li:before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:;z-index:1;opacity:0;visibility:hidden;transform:scale(0.4)}
#flatudionimouz ul.flatui li:hover:before{opacity:1;visibility:visible;transform:scale(1.0)}
#flatudionimouz ul.flatui li:after{content:'Salin kode warna';display:block;position:absolute;padding:10px 0;font-weight:400;font-size:.8rem;left:0;right:0;bottom:0;opacity:0;color:rgba(255,255,255,.5);font-weight:700;visibility:hidden;transform:translate(0,30px);transition:all .3s cubic-bezier(1,0.015,0.295,1.225);transition-delay:.1s}
#flatudionimouz ul.flatui li:hover:after{opacity:1;visibility:visible;transform:translate(0,-10px);z-index:1;transition-delay:.8s}
#flatudionimouz ul.flatui li .kodebesar{width:100%;padding:0;display:block;float:none;margin:auto;clear:both;z-index:3}
#flatudionimouz ul.flatui li .kodekecil{width:100%;padding:0;display:block;float:none;margin:0 auto 10px auto;font-weight:400;font-size:.8rem;clear:both;z-index:3}
@media screen and (max-width:800px){#flatudionimouz ul.flatui li{width:33.3%;line-height:normal}}
@media screen and (max-width:640px){#flatudionimouz ul.flatui li{width:50%}}
@media screen and (max-width:480px){#flatudionimouz ul.flatui li{width:100%}}
</style>

4.Lalu langsung saja Save/Publikasikan

Silahkan kalian cek blog kalian masing masing.

SC : Indzign

Cukup sekian dari post ini,semoga dapat menambah informasi bagi anda.

Jumat, 29 Januari 2016

Cara Mengubah Warna Seleksi Block di Blog

Salam Sobat Dionimouz, hari ini saya kembali hadir dengan Tutorial Blog yang baru yaitu, Cara Mengubah Warna Seleksi Block di Blog, dengan cara yang sangat mudah ini kalian dapat mengubah warna seleksi block di blog kalian, fungsinya yaitu hanya memperbagus/memperindah blog kalian saja,daripada warna seleksi block yang masih default warna nya biasa biasa saja.

Cara Mengubah Warna Seleksi Block di Blog

Baiklah sebelum saya mulai tutorialnya, saya ingin menjelaskan sedikit penjelasan tentang kerjanya tutorial ini, banyak browser yang bisa melihat warna yang telah di block, contohnya mozzila,chrome dan lain lain, tetapi saya tidak begitu yakin bahwa Internet Explorer bisa bekerja dengan tutorial ini.

Baiklah langsung saja kita mulai tutorial


Memasang Breaking News Flat Responsive di Blog


1.Buka Blogger
2.Masuk ke Blog yang anda ingin pasang, lalu pilih Template dan klik Edit HTML
3.Cari kode ]]></b:skin> dan letakan kode dibawah ini diatasnya
::selection {
background:#01B8C0;
color:#FFFFFF;
text-shadow:none;
}
::-moz-selection {
background:#01B8C0;
color:#FFFFFF;
text-shadow:none;
}
4.Silahkan Simpan Template dan check blog kalian masing masing

KETERANGAN !

Kode Warna : #01B8C0 (adalah kode warna ketika teks diseleksi)
Kode Warna : #FFFFFF (adalah kode warna background)

Untuk mengetahui kode warna kalian bisa mengunjungi halaman kode warna disini

Kode Warna

Cukup sekian dari post ini,semoga dapat menambah informasi bagi anda.

Rabu, 27 Januari 2016

Cara Mudah Mencegah Klik Iklan Sendiri di Blog

Pernahkah kalian merasa takut bila suatu saat kalian tidak sengaja nge-klik iklan AdSense/CPC Lainnya yang ada di blog kalian ? Kini kalian tidak perlu khawatir lagi, dengan cara yang akan saya share ini kalian tidak akan bisa nge-klik iklan kalian sendiri, tetapi cara ini hanya bisa dilakukan di browser firefox doang ya.

Cara Mudah Mencegah Klik Iklan Sendiri di Blog

Cara ini dapat dilakukan dengan menginstall addons bernama Adblock Plus, dan setelah kalian menginstallnya, Iklan AdSense/CPC lainnya tidak akan terlihat di komputer anda, jadi sekarang anda bisa aman mengunjungi blog kalian sendiri tanpa harus khawatir nge-klik iklan sendiri.

Mau tau caranya ? Simak Dibawah


Cara Mudah Mencegah Klik Iklan Sendiri dengan Adblock Plus


1.Buka Link AddOns AdBlock Plus disini


2.Install AddOns tersebut dengan cara klik Add to Firefox (lihatgambar)

Cara Mudah Mencegah Klik Iklan Sendiri di Blog

3.Setalah kalian install, mulai sekarang seluruh Iklan yang ada di blog kalian akan hilang, tapi tenang ! hilangnya cuma di komputer anda aja, karena efek dari AddOns tadi, jadi kalian dapat nge-blog tanpa harus khawatir kalian ngeklik iklan sendiri

AddOns ini juga sangat bermanfaat jika kalian membuka sebuah blog yang mempunyai banyak popup.

Cukup sekian dari post ini,semoga dapat menambah informasi bagi anda.

Minggu, 24 Januari 2016

Cara Membuat Share to Unlock pada Download

Salam Sobat Dionimouz, hari ini saya akan berbagi tentang bagaimana Cara Membuat Share to Unlock pada Download, cara ini bisa kita lakukan dengan mudah, tombol ini berfungsi untuk mengunci tombol download yang ada di blog kalian, cara membukanya yaitu pengunjung harus share/tweet atau g+1 terlebih dahulu untuk membukanya.

Cara Membuat Share to Unlock pada Download

Cara ini juga sangat bermanfaat untuk blog kalian, dengan secara tidak langsung kalian telah mempromosikan blog kalian sendiri, seperti like, maka seseorang akan like status kalian dan akan sangat bermanfaat

Tertarik untuk memasangnya ? Simak dibawah

Cara Memberikan Efek Suara Saat Klik Tautan / Link di Blog

JIKA BLOG KALIAN SUDAH TERSEDIA jQuery Library, langsung ke Step #2

#STEP 1 (Pemasangan jQuery Library di Blog)
1.Buka Blogger
2.Masuk ke Blog yang anda ingin pasang, lalu pilih Template dan klik Edit HTML
3.Cari kode </head> dan letakan kode dibawah ini diatasnya
<script src='http://code.jquery.com/jquery-1.10.2.min.js' type='text/javascript'>

#STEP2 (Pemasangan Kode Share To Unlock)
1.Masuk ke akun Blogger kalian masing masing
2.Masuk ke Template lalu klik Edit HTML
3.Setelah itu cari kode </head>,lalu letakan kode dibawah ini diatas </head>
<link href='https://googledrive.com/host/0B__SLW9IKWpvUjB4YjRtXzZIUDQ/sharetounlockcss-dionimouz.css' rel='stylesheet'/>
<script src='https://googledrive.com/host/0B__SLW9IKWpvUjB4YjRtXzZIUDQ/sharetounlock-dionimouz.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function ($) {
$('#default-usage .to-lock').sociallocker({
buttons: {order:["facebook-like","twitter-tweet","google-plus"]},
twitter: {url:"http://twitter.com/dionimouz"},
facebook: {url:"https://www.facebook.com/dionimouzblog"},
google: {url:"https://plus.google.com/+masdeeons"},
text: {
header: "Like us To Unlock This Content",
message: "This content is locked. Like us on Twitter, Facebook or Google plus to unlock it."
},
locker: {close: false, timer: 0,},
theme: "secrets"
});
});
//]]>
</script>
4.Setelah itu klik Save Template

INFORMASI !
Ganti Teks Berwarna Biru (dionimouz) dengan URL Twitter anda
Ganti Teks Berwarna Merah (dionimouzblog) dengan URL Facebook anda
Ganti Teks Berwarna Ungu (+masdeeons) dengan URL Google+ anda

Penerapan Share to Unlock di Postingan


1.Untuk menerapkan di artikel/postingan kalian cuma harus menambahkan kode
<article id="default-usage">
<div class="to-lock" style="display:none;">
LINKTUJUAN
</div>
</article>
dan jangan lupa ganti LINK TUJUAN dengan URL yang akan kalian siapkan jika di klik

Cukup sekian dari post ini,semoga dapat menambah informasi bagi anda.

Jumat, 22 Januari 2016

Cara Mudah Mencegah Plagiat Page Source di Blog

Page Source kebanyakan di copy oleh orang tidak bertanggung jawab, seperti halnya copas, kita dapat mencegah kejadian ini dengan cara yang sangat mudah dengan menambahkan kode javascript ke Blog kalian, cara menerapkan nya ke blog juga sangat mudah, ikuti cara dibawah !

Cara Mudah Mencegah Plagiat Page Source di Blog

Cara ini bekerja bila seseorang telah menekan tombol CTRL + U maka sang penekan tombol tersebut akan langsung ke redirect ke halaman homepage kalian, Tutorial ini juga ringan dan tidak akan memberatkan blog kalian kok, langsung saja, penasaran dengan caranya ? simak dibawah


Cara Mudah Mencegah Plagiat Page Source di Blog


1.Masuk ke akun Blogger kalian masing masing
2.Masuk ke Template lalu klik Edit HTML
3.Setelah itu cari kode </body>,lalu letakan kode dibawah ini diatas </body>
<script type='text/javascript'>
//<![CDATA[
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('T={z:{},V:y(a,b,c){v d={w:"2e",Q:!1,L:!1,t:S,H:!1};x(c)O(v e 1B d)"2d"==R c[e]&&(c[e]=d[e]);2t c=d;d=c.t,"2C"==R c.t&&(d=S.1a(c.t)),a=a.I(),e=y(d){d=d||1i.B;x(c.L){v e;d.t?e=d.t:d.X&&(e=d.X),3==e.2f&&(e=e.2j);x("2k"==e.12||"2w"==e.12)C}d.N?u=d.N:d.P&&(u=d.P),e=1m.1p(u).I(),1s==u&&(e=","),1x==u&&(e=".");v f=a.2c("+"),g=0,h={"`":"~",1:"!",2:"@",3:"#",4:"$",5:"%",6:"^",7:"&",8:"*",9:"(",0:")","-":"2l","=":"+",";":":","\'":\'"\',",":"<",".":">","/":"?","\\\\":"|"},i={2v:27,2x:27,2y:9,2z:2B,"C":13,16:13,17:8,18:D,1b:D,1c:D,1d:20,1f:20,1g:20,1h:E,1j:E,1k:E,1l:19,"1n":19,1o:2G,1q:1r,"M":1t,1u:1v,1w:F,1y:F,1z:F,1A:G,1C:G,1D:G,1E:1F,1G:1H,1I:1J,1K:1L,1M:1N,1O:1P,1Q:1R,1S:1T,1U:1V,1W:1X,1Y:1Z,21:22,23:24,25:26,28:29,2a:2b},j=!1,l=!1,m=!1,n=!1,o=!1,p=!1,q=!1,r=!1;d.2g&&(n=!0),d.W&&(l=!0),d.2h&&(p=!0),d.2i&&(r=!0);O(v s=0;k=f[s],s<f.J;s++)"2m"==k||"2n"==k?(g++,m=!0):"2o"==k?(g++,j=!0):"2p"==k?(g++,o=!0):"2q"==k?(g++,q=!0):1<k.J?i[k]==u&&g++:c.H?c.H==u&&g++:e==k?g++:h[e]&&d.W&&(e=h[e],e==k&&g++);x(g==f.J&&n==m&&l==j&&p==o&&r==q&&(b(d),!c.Q))C d.2r=!0,d.2s=!1,d.Y&&(d.Y(),d.2u()),!1},K.z[a]={Z:e,t:d,B:c.w},d.10?d.10(c.w,e,!1):d.11?d.11("A"+c.w,e):d["A"+c.w]=e},2A:y(a){v a=a.I(),b=K.z[a];M K.z[a];x(b){v a=b.B,c=b.t,b=b.Z;c.14?c.14("A"+a,b):c.15?c.15(a,b,!1):c["A"+a]=!1}}},T.V("2D+U",y(){2E.2F.1e="/"});',62,167,'|||||||||||||||||||||||||||||target|code|var|type|if|function|all_shortcuts|on|event|return|145|144|33|34|keycode|toLowerCase|length|this|disable_in_input|delete|keyCode|for|which|propagate|typeof|document|shortcut||add|shiftKey|srcElement|stopPropagation|callback|addEventListener|attachEvent|tagName||detachEvent|removeEventListener|enter|backspace|scrolllock||getElementById|scroll_lock|scroll|capslock|href|caps_lock|caps|numlock|window|num_lock|num|pause|String|break|insert|fromCharCode|home|36|188|46|end|35|pageup|190|page_up|pu|pagedown|in|page_down|pd|left|37|up|38|right|39|down|40|f1|112|f2|113|f3|114|f4|115|f5|116|f6|117|f7|118||f8|119|f9|120|f10|121||f11|122|f12|123|split|undefined|keydown|nodeType|ctrlKey|altKey|metaKey|parentNode|INPUT|_|ctrl|control|shift|alt|meta|cancelBubble|returnValue|else|preventDefault|esc|TEXTAREA|escape|tab|space|remove|32|string|Ctrl|top|location|45'.split('|'),0,{}))
//]]>
</script>
4.Setelah itu klik Save Template dan cobalah menekan tombol CTRL+U di blog kalian, maka anda akan otomatis di redirect ke halaman awal blog anda

Cukup sekian dari post ini,semoga dapat menambah informasi bagi anda.

Cara Memberikan Efek Suara Saat Klik Tautan / Link di Blog

Efek Suara ini akan muncul saat pengunjung atau kita meng-klik Tombol,Link,atau di Blog kita, efek ini dapat memperindah blog kita dengan suara klik yang bagus, anda juga dapat mengedit sendiri suara klik yang anda inginkan, penasaran dengan demo live nya ? silahkan lihat dibawah

Cara Memberikan Efek Suara Saat Klik Tautan / Link di Blog

LIVE DEMO


Silahkan klik tombol KRAUZ diatas dan akan ada suara efeknya bukan ?

Tertarik untuk memasangnya di blog kalian ? silahkan ikuti cara dibawah

Cara Memberikan Efek Suara Saat Klik Tautan / Link di Blog

JIKA BLOG KALIAN SUDAH TERSEDIA jQuery Library, langsung ke Step #2

#STEP 1 (Pemasangan jQuery Library di Blog)
1.Buka Blogger
2.Masuk ke Blog yang anda ingin pasang, lalu pilih Template dan klik Edit HTML
3.Cari kode </head> dan letakan kode dibawah ini diatasnya
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>

#STEP2 (Penerapan Efek Suara)
1.Masuk ke akun Blogger kalian masing masing
2.Masuk ke Template lalu klik Edit HTML
3.Setelah itu cari kode </body>,lalu letakan kode dibawah ini diatas </body>
<!-- soundfx click linkz by dionimouz.com -->
  <audio id='klik1' src='http://soundbible.com/mp3/Button_Press_2-Marianne_Gagnon-1415267358.mp3'/>
<script>
// <![CDATA[
function klik1() {
    var audio = document.getElementById('klik1');
    audio.play();
}
// SoundFX Global Tag!
$(document).ready(function(){
        $("a, button").attr("onclick", "klik1()");
});
//]]></script>
<!-- soundfx click linkz by dionimouz.com  -->
4.Setelah itu klik Save Template dan Check Blog anda masing - masing

Cukup sekian dari post ini,semoga dapat menambah informasi bagi anda.

Selasa, 19 Januari 2016

Cara Memberikan Efek Rating Bintang di Widget Popular Post

Halo semua sobat blogger, hari ini saya kembali hadir untuk membagikan tutorial Cara Memberikan Efek Rating Bintang di Widget Popular Post, dengan cara yang cukup mudah ini kalian bisa menambahkan efek rating yang bagus untuk Popular Post kalian, tetapi jika sebelumnya kalian telah memasang Cara Membuat Widget Popular Post Keren dan Elegan di Blog  diblog kalian, kalian harus mencopotnya terlebih dahulu agar efeknya tidak bertumpuk, dan satu hal di tutorial kali ini kalian harus memasang FontAwesome terlebih dahulu karena disini kita membutuhkan bintang dari FontAwesome

Cara Memberikan Efek Rating Bintang di Widget Popular Post

Ya,Seperti gambar diatas lah contoh Popular Post yang sudah diberi Efek Rating Bintang,kalian juga dapat melihatnya secara live, di bagian sidebar blog saya pada Widget Popular Post

Bagaimana ? Tertarik untuk memasangnya ? Simak Tutorial dibawah


Memasang Font Awesome di Blog


1.Buka Blogger
2.Masuk ke Blog yang anda ingin pasang, lalu pilih Template dan klik Edit HTML
3.Cari kode </head> dan letakan kode dibawah ini diatasnya
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet'/>
4.Klik Simpan Template

PERHATIAN !! JIKA DI BLOG KALIAN SUDAH TERPASANG FONTAWESOME,LANGSUNG KE STEP 2 


Cara Memberikan Efek Rating Bintang di Widget Popular Post


1.Buka Blogger
2.Masuk ke Blog yang anda ingin pasang, lalu pilih Template dan klik Edit HTML
3.Cari kode ]]></b:skin> dan letakan kode dibawah ini diatasnya
/* Popular Post dengan Bintang */
.PopularPosts ul{background:#fff;list-style:none;margin:0;padding:5px 5px 0;overflow:hidden;border-top:none}
.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img{margin:0;padding:0;list-style:none;border:none;background:none;outline:none}
.PopularPosts ul{margin:0;list-style:none;color:#64707a}
.PopularPosts ul li img{background:#fafafa;display:block;margin:0 10px 0 0;width:60px;height:60px;overflow:hidden;float:left;}
.PopularPosts ul li{position:relative;background-color:#fff;margin:0;padding:.7em 0!important;border:0;position:relative;border-bottom:1px dotted rgba(0,0,0,0.2)}
.PopularPosts ul li:before{font-family:fontawesome;content:'\f005\f005';display:inline-block;position:absolute;color:#f39c12;text-align:center;bottom:0;right:0;margin:9px 0;font-size:11px;padding:0;font-weight:normal;line-height:normal;transition:all .3s}
.PopularPosts ul li:nth-child(1):before{font-family:fontawesome;content:'\f005\f005\f005\f005\f005';}
.PopularPosts ul li:nth-child(2):before{font-family:fontawesome;content:'\f006\f005\f005\f005\f005';opacity:.9}
.PopularPosts ul li:nth-child(3):before{font-family:fontawesome;content:'\f006\f006\f005\f005\f005';opacity:.85}
.PopularPosts ul li:nth-child(4):before{font-family:fontawesome;content:'\f006\f006\f006\f005\f005';opacity:.8}
.PopularPosts ul li:nth-child(5):before{font-family:fontawesome;content:'\f006\f006\f006\f006\f005';opacity:.75}
.PopularPosts ul li:hover:before{opacity:1}
.PopularPosts ul li:first-child{border-top:none}
.PopularPosts ul li:last-child{border-bottom:none}
.PopularPosts ul li .item-title a,.PopularPosts ul li a{color:#333;font-size:13px;}
.PopularPosts ul li a:hover{color:#2476e0;}
.PopularPosts .item-thumbnail{margin:0;}
.PopularPosts .item-snippet{display:none}
.PopularPosts .item-title{font-weight:700;padding-bottom:.2em;padding:0 5px}

PERHATIAN !
Jika di Blog kalian sudah terdapat Kode CSS Popular Post, hapus dan ganti dengan kode diatas
4.Silahkan Simpan Template dan tambahkan Widget Popular Post dan Cek Blog anda masing - masing

Cukup sekian dari post ini,semoga dapat menambah informasi bagi anda.

Senin, 18 Januari 2016

Cara Membuat Widget Popular Post Keren dan Elegan di Blog

Widget Popular Post adalah widget yang penting untuk Blog anda, Widget ini berfungsi untuk menampilkan artikel - artikel terbaik di Blog anda, dan Widget ini dapat memudahkan para pengunjung untuk mengecek artikel yang bagus di blog anda, tetapi apakah Widget Popular Post kalian hanya terlihat biasa saja ? Sekarang waktunya kalian mengganti Widget Popular Post kalian lebih terlihat Keren dan elegan

Cara Membuat Widget Popular Post Keren dan Elegan di Blog

Cara yang akan saya share ini cukuplah mudah, untuk Demonya kalian bisa lihat secara live di sidebar blog saya

Bagaimana ? Tertarik untuk memasangnya ? Ikuti cara dibawah

Cara Membuat Widget Popular Post Keren dan Elegan di Blog


1.Buka Blogger
2.Masuk ke Blog yang anda ingin pasang, lalu pilih Template dan klik Edit HTML
3.Cari kode ]]></b:skin> dan letakan kode dibawah ini diatasnya
/* CSS Popular Post Keren */
.PopularPosts .item-thumbnail{float:none;margin:0 0 10px}
.PopularPosts .item-title{background:rgba(0,0,0,0.5);position:absolute;display:block;clear:both;z-index:10;top:0;left:0;right:0;bottom:0;padding:15px;transition:all .4s;}
.PopularPosts .item-title:hover{background:rgba(0,0,0,.2)}
.PopularPosts .item-title a{color:rgba(255, 255, 255, 0.88);font-weight:700;font-size:100%;text-shadow:0 0 5px rgba(0,0,0,0)}
.PopularPosts .item-title:hover a,.PopularPosts .item-title a:hover{color:rgba(255,255,255,1);text-shadow:0 0 5px rgba(0,0,0,.3)}
.PopularPosts .widget-content ul li img{translate(0,0) scale(1.0);transition:all .8s linear}
.PopularPosts .widget-content ul li:hover img{transform:translate(0,-20px) scale(1.05);transition:all 3.6s linear;}
.PopularPosts img{display:block;height:auto;width:100%;padding:0;backface-visibility:hidden;}
.PopularPosts .item-snippet{display:none;}
.PopularPosts ul li .item-content{position:relative;overflow:hidden;}
.PopularPosts ul{padding:0;line-height:normal;counter-reset:count;}
.PopularPosts .widget-content ul li{position:relative;padding:10px 0;overflow:hidden;max-height:100px;transition:all .4s;}
.PopularPosts .widget-content ul li:before{color:#fff;counter-increment:count;content:counter(count);position:absolute;right:-15px;top:-5px;font:bold 80px/1 Sans-Serif;z-index:11;transition:all .4s;}
.PopularPosts .widget-content ul li:hover:before{right:-55px;}
.PopularPosts ul li:nth-child(1) .item-title:hover,.PopularPosts ul li:nth-child(2) .item-title:hover,.PopularPosts ul li:nth-child(3) .item-title:hover,.PopularPosts ul li:nth-child(4) .item-title:hover,.PopularPosts ul li:nth-child(5) .item-title:hover,.PopularPosts ul li:nth-child(6) .item-title:hover{background:rgba(0,0,0,0.2);}

PERHATIAN !
Jika di Blog kalian sudah terdapat Kode CSS Popular Post, hapus dan ganti dengan kode diatas
4.Langkah Terakhir, tambahkan kode ini diatas </head>
<script src="https://googledrive.com/host/0B__SLW9IKWpvUjB4YjRtXzZIUDQ/popularpostskeren-dionimouz.js" type="text/javascript"/>
5.Silahkan Simpan Template dan tambahkan Widget Popular Post dan Cek Blog anda masing - masing

Sumber : http://www.ferdistyle.xyz/2016/01/cara-membuat-widget-popular-post-keren.html

Cukup sekian dari post ini,semoga dapat menambah informasi bagi anda.

Cara Mudah Membuat Artikel Tidak Bisa di Copas

Membuat Artikel sudah susah payah, malah dicopas oleh orang yang tidak bertanggung jawab ? Sangat tidak enak bukan ? sudah membuat sampai berkeringat tapi malah di copas, baiklah hari ini saya akan berbagi tentang cara Cara Mudah Membuat Artikel Tidak Bisa di Copas, cari ini merupakan cara terbaru agar di bagian artikel saja yang tidak bisa di copas / diseleksi.

Cara Mudah Membuat Artikel Tidak Bisa di Copas

Penerapan Tutorial ini dapat dilakukan secara Simple di blog kalian dan dapat menguntungkan sekali bagi kalian untuk terhindar dari para copaser, karena setelah kalian menerapkan fungsi ini ke Blog kalian, artikel kalian tidak akan bisa diseleksi.

Yuk, langsung ke tutorialnya

Membuat Artikel Tidak Bisa di Copas


1.Buka Blogger
2.Masuk ke Blog yang anda ingin pasang, lalu pilih Template dan klik Edit HTML
3.Cari kode ]]></b:skin> dan letakan kode dibawah ini diatasnya
.post-body {
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
}
4.Silahkan Simpan Template dan Check Blog anda masing masing

Cukup sekian dari post ini,semoga dapat menambah informasi bagi anda.

Cara Memasang Widget Alexa Rank di Blog

Alexa Rank adalah sebuah Website yang memudahkan kita mengetahui Ranking Website kita di Internet, ya hari ini saya akan membagikan Tutorial bagaimana Cara Memasang Widget Alexa Rank di Blog, apa manfaatnya ? manfaatnya kita dapat mengetahui Rank Blog kita tanpa membuka Situs AlexaRank terlebih dahulu alias Instant, dengan cara membuka Blog kita, kita sudah bisa tahu Rank berapa alexa rank kita saat ini

Cara Memasang Widget Alexa Rank di Blog

Untuk masalah tampilan Widget yang akan saya share hari ini, kalian bisa lihat dibawah ini bagaimana tampannya widget ini :v

Cara Memasang Widget Alexa Rank di Blog

Langsung saja ke Tutorial


Widget Alexa Rank di Blog (Hanya Ranks)


1.Buka Blogger
2.Masuk ke Blog yang ingin dipasang lalu klik Tata Letak dan pilih Tambahkan Widget,lalu pilih HTML/Javascript
3.Setelah itu copy kode dibawah dan pastekan di widget tersebut
<a href="http://www.alexa.com/siteinfo/dionimouz.com"><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/t/a?url=dionimouz.com"></script></a>
4.Sebelum kalian menyimpan widget,ganti URL berwarna MERAH dengan URL Blog anda, lalu silahkan Simpan widget tersebut dan cek blog anda masing masing

 TAMPILAN : 

Cara Memasang Widget Alexa Rank di Blog


Widget Alexa Rank di Blog (Dengan Ranks dan Links In)


1.Buka Blogger
2.Masuk ke Blog yang ingin dipasang lalu klik Tata Letak dan pilih Tambahkan Widget,lalu pilih HTML/Javascript
3.Setelah itu copy kode dibawah dan pastekan di widget tersebut
<a href="http://www.alexa.com/siteinfo/dionimouz.com"><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/s/a?url=dionimouz.com"></script></a>
4.Sebelum kalian menyimpan widget,ganti URL berwarna MERAH dengan URL Blog anda, lalu silahkan Simpan widget tersebut dan cek blog anda masing masing

TAMPILAN : 

Cara Memasang Widget Alexa Rank di Blog

 
Cukup sekian dari post ini,semoga dapat menambah informasi bagi anda.

Cara Memasang Breaking News Flat Responsive di Blog

Jika sebelumnya saya telah memberikan tutorial Cara Memasang Breaking News Berjalan di Blog, kali ini saya akan memberikan Tutorial cara memasang breaking news yang lebih ringan dan lebih flat untuk kalian pasang di Blog, supaya blog kalian tidak terlalu berat, Breaking News ini sudah responsive dan juga keren, untuk demonya bisa kalian lihat dibawah

Cara Memasang Breaking News Flat Responsive di Blog

Demo nya adalah seperti gambar di bawah ini

Cara Memasang Breaking News Flat Responsive di Blog

Tanpa basa basi langsung saja kita mulai Tutorial singkat ini


Memasang Breaking News Flat Responsive di Blog


1.Buka Blogger
2.Masuk ke Blog yang anda ingin pasang, lalu pilih Template dan klik Edit HTML
3.Cari kode ]]></b:skin> dan letakan kode dibawah ini diatasnya
/* Breaking News */
#beakingnews{width:100%;margin:0 auto;line-height:55px;height:55px;background:#191919;overflow:hidden;border-bottom:5px solid #f39c12;}
#beakingnews .tulisbreaking{display:block;float:left;padding:0 20px;color:#fff;font-size:1.2rem;font-weight:700;text-transform:uppercase}
#recentpostbreaking{color:#fff;float:left}
#recentpostbreaking ul,#recentpostbreaking li{list-style:none;margin:0;padding:0}
#recentpostbreaking li a{color:#fff;}#recentpostbreaking li a:hover{text-decoration:underline;}
#beakingnews .tulisbreaking .tulisyell{color:#ffc363}
#flippy {
    text-align: center;
}

#flippy button {
    background: #aa65c7;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    border: none;
    border-radius: 3px;
    padding: 8px 16px;
    margin: 10px auto;
    font-size: 14px;
    font-weight: bold;
    box-shadow: 0px 3px 0px 0px #883da7;
    vertical-align: middle;
    cursor: pointer;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    transition: background 0.1s ease-in-out;
}

#flippy button:hover, #flippy button:focus {
    background: #9e4fbf;
    outline: none;
}

#flippanel {
    padding: 1px;
    text-align: left;
    background: #f5f5f5;
    border: 0px;
}

#flippanel {
    padding: 24px;
    display: none;
}
4.Cari kembali kode </body> lalu letakan kode dibawah ini tepat diatasnya
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){var e="http://www.dionimouz.com",t=10;$.ajax({url:""+e+"/feeds/posts/default?alt=json-in-script&max-results="+t,type:"get",dataType:"jsonp",success:function(e){function t(){$("#recentpostbreaking li:first").slideUp(function(){$(this).appendTo($("#recentpostbreaking ul")).slideDown()})}var n,r,i="",a=e.feed.entry;if(void 0!==a){i="<ul>";for(var o=0;o<a.length;o++){for(var l=0;l<a[o].link.length;l++)if("alternate"==a[o].link[l].rel){n=a[o].link[l].href;break}r=a[o].title.$t,i+='<li><a href="'+n+'" target="_blank">'+r+"</a></li>"}i+="</ul>",$("#recentpostbreaking").html(i),setInterval(function(){t()},5e3)}else $("#recentpostbreaking").html("<span>No result!</span>")},error:function(){$("#recentpostbreaking").html("<strong>Error Loading Feed!</strong>")}})});
//]]>
</script>
Ganti URL yang berwarna MERAH dengan URL Blog anda

4.Silahkan Simpan Template

Penerapan Breaking News Flat Responsive di Blog


1.Untuk masalah penerapan Breaking News ini copy kode dibawah ini dan letakan di bagian sesuka anda
<div id='beakingnews'><span class='tulisbreaking'>Breaking <span class='tulisyell'>News</span></span>
<div id='recentpostbreaking'>Loading...</div>
</div>
<div class='clear'/>

Lebih bagus kalau di taruh diatas / dibawah Navigasi Blog

Terserah anda mau ditaruh dimana yang penting terlihat bagus di mata pengunjung

Cukup sekian dari post ini,semoga dapat menambah informasi bagi anda.