Showing posts with label blogger. Show all posts
Showing posts with label blogger. Show all posts

.dateHeader/>

Script Anti Ctrl + U Untuk Blogger Dengan Redirect Link

Script Anti Ctrl + U Untuk Blogger Dengan Redirect Link - Ctrl + U adalah tombol kombinasi yang berfungsi untuk  melihat source kode dalam sebuah website. Namun, Ctrl + u ini bisa berfungsi lain jika digunakan di tempat yang berbeda seperti di Ms. Word Office, fungsi dari ctrl + U bisa difungsikan untuk menggaris bawahi text. Dan begitu juga fungsi yang sama jika digunakan untuk tools atau aplikasi edit text.
Script Anti Ctrl + U Untuk Blogger Dengan Redirect Link
Script Anti Ctrl + U Untuk Blogger Dengan Redirect Link

Namun, diartikel kali ini saya tidak membahas tentang fungsi ctrl + u di ms word atau aplikasi edit text lainnya, melainkan fungsi ctrl+u di web browser. Seperti yang telah saya jelaskan tadi, fungsi ctrlu + u adalah untuk melihat source kode blog atau sebuah website yang sedang kita kunjungi. Hal ini mungkin biasa-biasa saja jika dilakukan oleh orang yang tidak ada maksud apa-apa dengan blog kamu. Akan tetapi, jika pihak yang ingin memanfaatkan blog kita untuk kepentingan mereka ctrl+u ini bisa menjadi salah satu pengaman untuk blog kamu. sepengetahuan saya, ada salah satu trick yang memanfaatkan ctrl+u untuk melakukan AGC (Auto Generate Content) yang dimana trick ini mencuri source code dan mengumpulkan feeds dalam suatu blog yang nantinya artikel blog tersebut akan berpindah secara otomatis ke blog AGC.
Untuk mencegah hal tersebut, kamu bisa mematikan fungsi crtl+u di blog kamu agar aman dari para oknum plagiat pencuri artikel orang lain. Tapi, untuk saya pribadi tidak masalah dengan orang seperti itu asalkan setiap artikel yang di copy di blog ini mencantumkan sumber. Karena setiap artikel yang di terbitkan dalam blog ini setidaknya melalui proses berjam-jam. Jadi, hargailah karya orang lain curhat.

Kembali ke pembahasan tentang 'Script Anti Ctrl + U Untuk Blogger Dengan Redirect Link', script ini saya ambil dari kangismet untuk script anti ctrl+u. Oke, lanjut ke tutroial pemasangan script tersebut.

Cara Pemasangan Script Anti Ctrl + U Untuk Blogger Dengan Redirect Link : 


  1. Masuk ke Dashboard blogger.com
  2. Kemudian klik menu template → html
  3. Di kolom source code tekan ctrl+f
  4. Kemudian akan muncul menu pencarian di pojok kanan atas
  5. Cari kode </body> tekan enter
  6. Jika sudah ketemu silahkan copy kode dibawah dan pastekan tepat diatas kode </head>
  7.  <script type='text/javascript'>
    //<![CDATA[
    shortcut={all_shortcuts:{},add:function(a,b,c){var d={type:"keydown",propagate:!1,disable_in_input:!1,target:document,keycode:!1};if(c)for(var e in d)"undefined"==typeof c[e]&&(c[e]=d[e]);else c=d;d=c.target,"string"==typeof c.target&&(d=document.getElementById(c.target)),a=a.toLowerCase(),e=function(d){d=d||window.event;if(c.disable_in_input){var e;d.target?e=d.target:d.srcElement&&(e=d.srcElement),3==e.nodeType&&(e=e.parentNode);if("INPUT"==e.tagName||"TEXTAREA"==e.tagName)return}d.keyCode?code=d.keyCode:d.which&&(code=d.which),e=String.fromCharCode(code).toLowerCase(),188==code&&(e=","),190==code&&(e=".");var f=a.split("+"),g=0,h={"`":"~",1:"!",2:"@",3:"#",4:"$",5:"%",6:"^",7:"&",8:"*",9:"(",0:")","-":"_","=":"+",";":":","'":'"',",":"<",".":">","/":"?","\\":"|"},i={esc:27,escape:27,tab:9,space:32,"return":13,enter:13,backspace:8,scrolllock:145,scroll_lock:145,scroll:145,capslock:20,caps_lock:20,caps:20,numlock:144,num_lock:144,num:144,pause:19,"break":19,insert:45,home:36,"delete":46,end:35,pageup:33,page_up:33,pu:33,pagedown:34,page_down:34,pd:34,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},j=!1,l=!1,m=!1,n=!1,o=!1,p=!1,q=!1,r=!1;d.ctrlKey&&(n=!0),d.shiftKey&&(l=!0),d.altKey&&(p=!0),d.metaKey&&(r=!0);for(var s=0;k=f[s],s<f.length;s++)"ctrl"==k||"control"==k?(g++,m=!0):"shift"==k?(g++,j=!0):"alt"==k?(g++,o=!0):"meta"==k?(g++,q=!0):1<k.length?i[k]==code&&g++:c.keycode?c.keycode==code&&g++:e==k?g++:h[e]&&d.shiftKey&&(e=h[e],e==k&&g++);if(g==f.length&&n==m&&l==j&&p==o&&r==q&&(b(d),!c.propagate))return d.cancelBubble=!0,d.returnValue=!1,d.stopPropagation&&(d.stopPropagation(),d.preventDefault()),!1},this.all_shortcuts[a]={callback:e,target:d,event:c.type},d.addEventListener?d.addEventListener(c.type,e,!1):d.attachEvent?d.attachEvent("on"+c.type,e):d["on"+c.type]=e},remove:function(a){var a=a.toLowerCase(),b=this.all_shortcuts[a];delete this.all_shortcuts[a];if(b){var a=b.event,c=b.target,b=b.callback;c.detachEvent?c.detachEvent("on"+a,b):c.removeEventListener?c.removeEventListener(a,b,!1):c["on"+a]=!1}}},shortcut.add("Ctrl+U",function(){top.location.href="http://1935irfan.blogspot.com"});
    //]]>
    </script> 
  8. Ganti link http://1935irfan.blogspot.com dengan link kamu 'bisa juga menggunakan link sebuah artikel
  9. Kemudian simpan
Di kode diatas hanya mencegah ctrl+u, Akan tetapi source code blog kamu masih bisa dilihat menggunakan klik kanan. Untuk mematikan klik kanan kamu bisa lihat tutorial dibawah.

Cara Mematikan Fungsi Klik Kanan Di Blogger


  1. Kemudian klik menu template → html
  2. Di kolom source code tekan ctrl+f
  3. Kemudian akan muncul menu pencarian di pojok kanan atas
  4. Cari kode ]]></b:skin>
  5. Kemudian pastekan script di bawah tepat dibawah kode ]]></b:skin>
  6.  <script type='text/javascript'>
    //<![CDATA[
    var message="";
    function clickIE() {if (document.all) {(message);return false;}}
    function clickNS(e) {if (document.layers||(document.getElementById&&!document.all)) {
    if (e.which==2||e.which==3) {(message);return false;}}}
    if (document.layers)
    {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
    else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
    document.oncontextmenu=new Function("return false")
    //]]>
    </script>
     
  7. kemudian simpan
Sekian artikel kali ini tentang 'Script Anti Ctrl + U Untuk Blogger Dengan Redirect Link' dan bonus tutorial 'Cara Mematikan Fungsi Klik Kanan Di Blogger', semoga bermanfaat dan jangan lupa tinggalkan komentar.

.dateHeader/>

Cara Pasang Anti ADBlock Di Blogger Terbaru

Pasang Anti ADBlock Di Blogger Terbaru - Adblock merupakan sebuat tools add-on yang berguna untuk menghilangkan iklan dalam sebuah blog. dalam beberapa sisi adblock memang sangat berguna untuk melakukan browsing tanpa ada gangguan iklan pop-up atau iklan banner yang mengganggu. Namun di sisi lain, kita sebagai blogger sangat dirugikan dengan kehadiran add-ons adblock ini. Karena setiap iklan yang kita tayangkan tidak akan terdeteksi karena adanya adblock ini.
Pasang Anti ADBlock Di Blogger Terbaru
Pasang Anti ADBlock Di Blogger Terbaru
Patutnya, kita sebagai pengguna internet seharusnya lebih bijak dalam menggunakannya, salah satunya agar tidak menggunakan adblock jika ingin menikmati konten gratis dari para blogger. Karena dengan adanya iklan di blog kami sebagai blogger bisa terus berkarya dengan menyajikan konten-konten yang bisa dibilang bermanfaat untuk para pengunjung.
Kembali ke judul awal yaitu tentang "Pasang Anti ADBlock Di Blogger Terbaru", untuk mengaplikasikan script anti Adblock ini sangat mudah di aplikasikan ke blog kamu.
Berikut cara Pasang Anti ADBlock Di Blogger Terbaru :
  1. Masuk ke dashboard blogger kamu
  2. Pilih menu Tata letak
  3. Klik tambah widget (add gadget)
  4. Pilih HTML/Javascript
  5. Kemudian pastekan script di bawah ke dalam kolom setelah kolom judul *judul dikosongkan saja
  6.  <style>
        #g207 {
            position: fixed!important;
            position: absolute;
            top: 0;
            top: expression ((t=document.documentElement.scrollTop?document.documentElement.scrollTop: document .body.scrollTop)+"px");
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #fff;
            opacity: 0.9;
            filter: alpha(opacity=90);
            display: block
        }
        
        #g207 p {
            opacity: 1;
            filter: none;
            font: bold 16px Verdana, Arial, sans-serif;
            text-align: center;
            margin: 20% 0
        }
        
        #g207 p a,
        #g207 p i {
            font-size: 12px
        }
        
        #g207~* {
            display: none
        }
    </style><noscript><i id=g207><p>Please enable JavaScript!<br />Bitte aktiviere JavaScript!<br />S'il vous pla&icirc;t activer JavaScript!<br />Por favor,activa el JavaScript!<br /><a href="http://antiblock.org/">antiblock.org</a></p></i></noscript>
    <script>
        (function(w, u) {
            var d = w.document,
                z = typeof u;
    
            function g207() {
                function c(c, i) {
                    var e = d.createElement('i'),
                        b = d.body,
                        s = b.style,
                        l = b.childNodes.length;
                    if (typeof i != z) {
                        e.setAttribute('id', i);
                        s.margin = s.padding = 0;
                        s.height = '100%';
                        l = Math.floor(Math.random() * l) + 1
                    }
                    e.innerHTML = c;
                    b.insertBefore(e, b.childNodes[l - 1])
                }
    
                function g(i, t) {
                    return !t ? d.getElementById(i) : d.getElementsByTagName(t)
                };
    
                function f(v) {
                    if (!g('g207')) {
                        c('<p>Please disable your ad blocker!<br/>This site is supported by the advertisement <br/> Please disable your ad blocker to support us!!! </p>', 'g207')
                    }
                };
                (function() {
                    var a = ['Adrectangle', 'PageLeaderAd', 'ad-column', 'advertising2', 'divAdBox', 'mochila-column-right-ad-300x250-1', 'searchAdSenseBox', 'ad', 'ads', 'adsense'],
                        l = a.length,
                        i, s = '',
                        e;
                    for (i = 0; i < l; i++) {
                        if (!g(a[i])) {
                            s += '<a id="' + a[i] + '"></a>'
                        }
                    }
                    c(s);
                    l = a.length;
                    for (i = 0; i < l; i++) {
                        e = g(a[i]);
                        if (e.offsetParent == null || (w.getComputedStyle ? d.defaultView.getComputedStyle(e, null).getPropertyValue('display') : e.currentStyle.display
    
                            ) == 'none') {
                            return f('#' + a[i])
                        }
                    }
                }());
                (function() {
                    var t = g(0, 'img'),
                        a = ['/adaffiliate_', '/adops/ad', '/adsales/ad', '/adsby.', '/adtest.', '/ajax/ads/ad', '/controller/ads/ad', '/pageads/ad', '/weather/ads/ad', '-728x90-'],
                        i;
                    if (typeof t[0] != z && typeof t[0].src != z) {
                        i = new Image();
                        i.onload = function() {
                            this.onload = z;
                            this.onerror = function() {
                                f(this.src)
                            };
                            this.src = t[0].src + '#' + a.join('')
                        };
                        i.src = t[0].src
                    }
                }());
                (function() {
                    var o = {
                            'http://pagead2.googlesyndication.com/pagead/show_ads.js': 'google_ad_client',
                            'http://js.adscale.de/getads.js': 'adscale_slot_id',
                            'http://get.mirando.de/mirando.js': 'adPlaceId'
                        },
                        S = g(0, 'script'),
                        l = S.length - 1,
                        n, r, i, v, s;
                    d.write = null;
                    for (i = l; i >= 0; --i) {
                        s = S[i];
                        if (typeof o[s.src] != z) {
                            n = d.createElement('script');
                            n.type = 'text/javascript';
                            n.src = s.src;
                            v = o[s.src];
                            w[v] = u;
                            r = S[0];
                            n.onload = n.onreadystatechange = function() {
                                if (typeof w[v] == z && (!this.readyState || this.readyState === "loaded" || this.readyState === "complete")) {
                                    n.onload = n.onreadystatechange = null;
                                    r.parentNode.removeChild(n);
                                    w[v] = null
                                }
                            };
                            r.parentNode.insertBefore(n, r);
                            setTimeout(function() {
                                if (w[v] !== null) {
                                    f(n.src)
                                }
                            }, 2000);
                            break
                        }
                    }
                }())
            }
            if (d.addEventListener) {
                w.addEventListener('load', g207, false)
            } else {
                w.attachEvent('onload', g207)
            }
        })(window);
    </script> 
  7. kemudian simpan
Untuk info : Script ini saya nemu di blog www.ficripebriyana.com, Terimakasih buat kang empunya script, maaf linknya tidak bisa saya aktifkan di blog saya.
Sekian artikel kali ini tentang "Pasang Anti ADBlock Di Blogger Terbaru", semoga bermanfaat dan jangan lupa tinggalkan komentar.

Cara Memasang Iklan Melayang Responsive Di Blogger

Memasang Iklan Melayang Responsive Di Blogger - Salah satu cara meningkatkan penghasilan di iklan google adsense atau sejenis adalah membuat iklan tersebut melayang sehingga iklan yang kita sediakan didalam blog akan benar-benar terlihat oleh pengunjung. Kebanyakan pengunjung yang masuk ke blog kita sering mengacuhkan iklan yang kita sediakan. Untuk membuat iklan terlihat ada baiknya menggunakan iklan layang di blog.
Cara Memasang Iklan Melayang Responsive Di Blogger
Cara Memasang Iklan Melayang Responsive Di Blogger - Blogsipan
Disini saya tidak menjelaskan tentang bahaya atau tidaknya pemasangan iklan layang di blog, mungkin kamu sudah baca resiko memasang iklan layang pada blog. Jika belum, silahkan baca terlebih dahulu konsekuensi memasang iklan layang di blog agar tidak terjadi hal yang tidak diinginkan. Tapi, menurut saya memasang iklan layang sah-sah saja asalkan tidak mengganggu pengunjung. Jika kamu ingin aman memasang iklan layang di blog ada baiknya memantau ctr setiap saat dengan aplikasi google adsense di smartphone kamu, atau bisa juga cek sekali-kali di dashboard adsense. Jika CTR lebih dari 10 % kamu bisa copot iklan layang sementara agar CTR turun atau stabil kembali.
Untuk memasang iklan layang di blog caranya cukup mudah, ikuti langkah - langkah berikut untuk Cara Memasang Iklan Melayang Responsive Di Blogger
  1. Login ke blogger
  2. Pilih menu tata letak
  3. Tambah Gadget
  4. Pilih Html
  5. Masukan Script dibawah di dalam kolom kedua setelah judul *judul biarkan kosong
  6.  <style type="text/css">
    #topbar{
    position:absolute;
    padding-left:30%;padding-top:5%;
    background-color: transparancy;
    width: auto;heigth:auto;
    visibility: hidden;
    z-index: 100;
    }
    </style> <script type="text/javascript">
    var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
    var startX = 30 //set x offset of bar in pixels
    var startY = 5 //set y offset of bar in pixels
    var verticalpos="fromtop" //enter "fromtop" or "frombottom"
    
    function iecompattest(){
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }
    
    
    function get_cookie(Name) {
    var search = Name + "="
    var returnvalue = "";
    if (document.cookie.length > 0) {
    offset = document.cookie.indexOf(search)
    if (offset != -1) {
    offset += search.length
    end = document.cookie.indexOf(";", offset);
    if (end == -1) end = document.cookie.length;
    returnvalue=unescape(document.cookie.substring(offset, end))
    }
    }
    return returnvalue;
    }
    
    function closebar(){
    if (persistclose)
    document.cookie="remainclosed=1"
    document.getElementById("topbar").style.visibility="hidden"
    }
    
    function staticbar(){
    barheight=document.getElementById("topbar").offsetHeight
    var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
    var d = document;
    function ml(id){
    var el=d.getElementById(id);
    if (!persistclose || persistclose && get_cookie("remainclosed")=="")
    el.style.visibility="visible"
    if(d.layers)el.style=el;
    el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
    el.x = startX;
    if (verticalpos=="fromtop")
    el.y = startY;
    else{
    el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
    el.y -= startY;
    }
    return el;
    }
    window.stayTopLeft=function(){
    if (verticalpos=="fromtop"){
    var pY = ns ? pageYOffset : iecompattest().scrollTop;
    ftlObj.y += (pY + startY - ftlObj.y)/8;
    }
    else{
    var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
    ftlObj.y += (pY - startY - ftlObj.y)/8;
    }
    ftlObj.sP(ftlObj.x, ftlObj.y);
    setTimeout("stayTopLeft()", 10);
    }
    ftlObj = ml("topbar");
    stayTopLeft();
    }
    
    if (window.addEventListener)
    window.addEventListener("load", staticbar, false)
    else if (window.attachEvent)
    window.attachEvent("onload", staticbar)
    else if (document.getElementById)
    window.onload=staticbar
    
    </script>
    <div class="clear">
    </div>
    <div id="topbar">
    <div style="text-align: right;">
    <a href="" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2abCnQGAFLPB0hsPqEVZKTF5wkTlgg0mgifkUhjojYSPau3YQ5Y4QjNatQleEtmmSNL9RjwbGHRaGVCvSjlK1E-1ypmU7sn2SQNeGbqV2LpHvCJyjC1-GtBDEzEwQH1kIM9_Ga-RhyphenhyphenIqJ/s1600/close3.png" alt="close"/></a></div>
    <center><div style="background: #fff;">
    --Paste script iklannya disini--
    </div></center></div> 
  7. Kemudian ganti tulisan --paste script iklannya disini-- dengan script iklan adsense kamu tanpa di pharse
  8. Simpan
Sekian artikel kali ini tentang "Cara Memasang Iklan Melayang Responsive Di Blogger". Semoga bermanfaat dan jangan lupa tinggalkan komentar

.dateHeader/>

Cara Post Artikel Otomatis Ke FP Dan Twitter

Pos Otomatis Ke FP Dan Twitter - TwitterFeed adalah salah satu aplikasi yang digunakan untuk memudahkan para blogger yang ingin selalu update ketika membuat artikel baru langsung ke twitter dan fanpage facebook. Membagikan artikel melalui sosial media merupakan salah satu hal utama untuk mendatangkan visitor selain backlink dengan berkomentar ke blog orang lain dengan nama lain blogwalking.

Untuk memudahkan mengepos artikel ke fanpage dan twitter kita bisa menggunakan tool yaitu twitterfeed. Update artikel langsung ke fanpage dan twitter bisa dilakukan tanpa harus login ke salah akun twitter dan facebook untuk mengepos artikel yang baru kita buat.

Simak dengan seksama untuk Cara Pos Artikel Otomatis Ke FP Dan Twitter dibawah ini:

1. Masuk kehalaman twitterfeed terlebih dahulu
2. Kemudian klik "register now"
3. Dihalaman selanjutnya isi form yang telah disediakan
4. Setelah mekalukan pendaftaran, kemudian cek email untuk memverifikasi akun twitterfeed
5. Klik link verifikasi yang telah dikirim oleh twitterfeed
6. Kemudian dihalaman selanjutnya masukan nama blog kamu dan link rss feed (jika bingung cari di google) blog kamu di form yang telah disediakan
7. Klik "continue to step 2"
8. Kemudian di step ke 2 pilih salah satu sosmed yang akan kamu gunakan "twitter" dan "facebook"
9. Kita gunakan facebook / fanpage untuk contoh (langkahnya sama dengan twitter)
10. Masukan nama fanspage kamu di form campaign,  lihat gambar untuk membuat feed ke fanspage


11. Klik "connect with Facebook" dalam keadaan facebook login
12. Kemudian otomatis akan diredirect ke facebook kamu, kemudian tekan Oke


13. Setelah itu akan diredirect kembali kehalaman feed Publishing
14. Untuk Twitter caranya sama saja.
15. Jika sudah selesai klik "all done"

Secara otomatis setiap pos terbaru di blog kamu akan terpos ke fanspage dan twitter. Sekian artikel kali ini tentang "Cara Pos Artikel Otomatis Ke FP Dan Twitter" semoga bermanfaat dan jangan lupa tinggalkan komentar di bawah.

.dateHeader/>

Cara Membuat Kotak Html Highlight Keren Dan Responsive Di Blogger

Membuat Kotak Html Highlight Keren Dan Responsive Di Blogger - Kotak box html biasa digunakan ketika kita ingin membuat tutorial tentang edit template. Untuk memisahkan kode html, css, javascript, maupun jquery tentunya harus membuat box atau kotak html agar terlihat berbeda dengan isi artikel.

Dikesempatan kali ini saya akan membahas tentang "Cara Membuat Kotak Html Highlight Keren Dan Responsive Di Blogger", sudah banyak sebenarnya tutorial tentang membuat box ini mulai dari yang sederhana sampai yang keren. sebelum itu lihat demonya terlebih dahulu. Menarik bukan?  desain yang keren membuat tampilan artikel kamu lebih profesional dari pada membuat box biasa dan terlihat kode acak-acakan. selain keren Kotak, Html Highlight ini juga resposive dengan menu scrool kebawah dan kesamping kode akan terlihat tetap rapi walaupun script html yang kamu masukan tebilang cukup melebar kesamping.
Untuk membuat tampilan box atau kotak html terlihat lebih keren dan responsive, tentunya kamu harus menambahkan beberapa kode html dan css di template blog kamu. untuk melakukan hal ini sebaiknya kamu membackup terlebih dahulu template kamu. Jika proses pengeditan terjadi kesalahan kamu bisa mengembalikan template kamu seperti semula. untuk tutorial Cara Membuat Kotak Html Highlight Keren Dan Responsive Di Blogger ikuti langkah-langkah berikut ini dengan teliti:

Cara Membuat Kotak Html Highlight Keren Dan Responsive Di Blogger

1. Masuk dulu ke dashboard kamu kemudian pilih template dan klik edit html
2. Cari kode ]]></b:skin> dengan cara menekan tombol ctrl+f
3. Copy script dibawah ini :
  /*CSS Syntax Hightler */
pre {
    padding: 50px 10px 10px 10px;
    margin: .5em 0;
    white-space: pre;
    word-wrap: break-word;
    overflow: auto;
    background-color: #2c323c;
    position: relative;
    border-radius: 4px;
    max-height: 500px;
}

pre::before {
    font-size: 16px;
    content: attr(title);
    position: absolute;
    top: 0;
    background-color: #eee;
    padding: 10px;
    left: 0;
    right: 0;
    color: #fff;
    text-transform: uppercase;
    display: block;
    margin: 0 0 15px 0;
    font-weight: bold;
}

pre::after {
    content: &#39;Double click to selection&#39;;
    padding: 2px 10px;
    width: auto;
    height: auto;
    position: absolute;
    right: 8px;
    top: 8px;
    color: #fff;
    line-height: 20px;
    transition: all 0.3s ease-in-out;
}

pre:hover::after {
    opacity: 0;
    top: -8px;
    visibility: visible;
}

code {
    font-family: Consolas,Monaco,&#39;
    Andale Mono&#39;,&#39;Courier New&#39;,Courier,Monospace;
    line-height: 16px;
    color: #88a9ad;
    background-color: transparent;
    padding: 1px 2px;
    font-size: 12px;
}

pre code {
    display: block;
    background: none;
    border: none;
    color: #e9e9e9;
    direction: ltr;
    text-align: left;
    word-spacing: normal;
    padding: 0 0;
    font-weight: bold;
}

code .token.punctuation {
    color: #ccc;
}

pre code .token.punctuation {
    color: #fafafa;
}

code .token.comment,code .token.prolog,code .token.doctype,code .token.cdata {
    color: #777;
}

code .namespace {
    opacity: .8;
}

code .token.property,code .token.tag,code .token.boolean,code .token.number {
    color: #e5dc56;
}

code .token.selector,code .token.attr-name,code .token.string {
    color: #88a9ad;
}

pre code .token.selector,pre code .token.attr-name {
    color: #fafafa;
}

pre code .token.string {
    color: #40ee46;
}

code .token.entity,code .token.url,pre .language-css .token.string,pre .style .token.string {
    color: #ccc;
}

code .token.operator {
    color: #1887dd;
}

code .token.atrule,code .token.attr-value {
    color: #009999;
}

pre code .token.atrule,pre code .token.attr-value {
    color: #1baeb0;
}

code .token.keyword {
    color: #e13200;
    font-style: italic;
}

code .token.comment {
    font-style: italic;
}

code .token.regex {
    color: #ccc;
}

code .token.important {
    font-weight: bold;
}

code .token.entity {
    cursor: help;
}

pre mark {
    background-color: #ea4f4e!important;
    color: #fff!important;
    padding: 2px;
    border-radius: 2px;
}

code mark {
    background-color: #ea4f4e!important;
    color: #fff!important;
    padding: 2px;
    border-radius: 2px;
}

pre code mark {
    background-color: #ea4f4e!important;
    color: #fff!important;
    padding: 2px;
    border-radius: 2px;
}

.comments pre {
    padding: 10px 10px 15px 10px;
    background: #2c323c;
}

.comments pre::before {
    content: &#39;Code&#39;;
    font-size: 13px;
    position: relative;
    top: 0;
    background-color: #f56954;
    padding: 3px 10px;
    left: 0;
    right: 0;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 0 10px 0;
    font-weight: bold;
    border-radius: 4px;
    border: none;
}

.comments pre::after {
    font-size: 11px;
}

.comments pre code {
    color: #eee;
}

.comments pre.line-numbers {
    padding-left: 10px;
}

pre.line-numbers {
    position: relative;
    padding-left: 3.0em;
    counter-reset: linenumber;
}

pre.line-numbers &gt; code {
    position: relative;
}

.line-numbers .line-numbers-rows {
    height: 100%;
    position: absolute;
    pointer-events: none;
    top: 0;
    font-size: 100%;
    left: -3.5em;
    width: 3em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    padding: 0;
}

.line-numbers-rows &gt; span {
    pointer-events: none;
    display: block;
    counter-increment: linenumber;
}

.line-numbers-rows &gt; span:before {
    content: counter(linenumber);
    color: #999;
    display: block;
    padding-right: 0.8em;
    text-align: right;
    transition: 350ms;
}

pre[data-codetype=&#39;CSS&#39;]:before {
    background-color: #00a1d6;
}

pre[data-codetype=&#39;HTML&#39;]:before {
    background-color: #3cc888;
}

pre[data-codetype=&#39;JavaScript&#39;]:before {
    background-color: #75d6d0;
}

pre[data-codetype=&#39;JQuery&#39;]:before {
    background-color: #e5b460;
}  
4. Pastekan kode diatas tepat diatas kode ]]></b:skin>
5. Cari lagi kode </body> dengan cara menekan ctrl+f
6. Copy kode script di bawah :
 <script src='https://arlina-design.googlecode.com/svn/prism.js' type='text/javascript'/>
<script>
$(&#39;pre&#39;).attr(&#39;class&#39;, &#39;line-numbers&#39;);
Prism.hooks.add(&quot;after-highlight&quot;,function(e){var t=e.element.parentNode;if(!t||!/pre/i.test(t.nodeName)||t.className.indexOf(&quot;line-numbers&quot;)===-1){return}var n=1+e.code.split(&quot;\n&quot;).length;var r;lines=new Array(n);lines=lines.join(&quot;<span/>&quot;);r=document.createElement(&quot;span&quot;);r.className=&quot;line-numbers-rows&quot;;r.innerHTML=lines;if(t.hasAttribute(&quot;data-start&quot;)){t.style.counterReset=&quot;linenumber &quot;+(parseInt(t.getAttribute(&quot;data-start&quot;),10)-1)}e.element.appendChild(r)})
</script>

 <script type='text/javascript'>
var pres = document.getElementsByTagName(&quot;pre&quot;);
for (var i = 0; i &lt; pres.length; i++) {
  pres[i].addEventListener(&quot;dblclick&quot;, function () {
    var selection = getSelection();
    var range = document.createRange();
    range.selectNodeContents(this);
    selection.removeAllRanges();
    selection.addRange(range);
  }, false);
}
</script> 
7. Kemudian pastekan tepat diatas kode </body>
8. Kemudian simpan template

Template kamu sudah dilengkapi dengan kode Kotak Html Highlight Keren Dan Responsive, untuk menerapkan kode tersebut kamu hanya harus menyisipkan salah satu kode dibawah disaat membuat artikel. untuk setiap kode css, html, javascript, dan jquery berbeda-beda, kamu bisa pilih salah satu sesuai dengan kode yang akan kamu tampilkan. untuk kodenya lihat dibawah:

*Untuk Kode Html
 <pre class="line-numbers language-markup" data-codetype="HTML" title="HTML"><code class=" language-markup"> Taruh Script HTML Di Sini </code></pre> 
*Untuk Css
 <pre class="line-numbers language-css" data-codetype="CSS" title="CSS"><code class=" language-css"> Taruh Script CSS Di Sini </code></pre>
*Untuk Javascript
 <pre class="line-numbers language-javascript" data-codetype="JavaScript" title="JavaScript"><code class=" language-javascript"> Taruh Script Java Script Di Sini </code></pre> 
*Untuk JQuery
 <pre class="line-numbers language-jquery" data-codetype="JQuery" title="JQuery"><code class=" language-jquery"> Taruh Script JQuery Di Sini </code></pre> 

Cara menerapkan Kotak Html Highlight Keren Dan Responsive Di Blogger

Ketika membuat artikel, untuk menerapkan kotak html kamu hanya tinggal menyisipkan kode tersebut dimenu HTML untuk lebih jelasnya lihat contoh gambar dibawah:
menerapkan Kotak Html Highlight Keren Dan Responsive

menerapkan Kotak Html Highlight Keren Dan Responsive

Kembali lagi ke menu compose dan ganti tulisan "ganti kode css/javascript/html/JQuery disini" dengan kode html kamu. lakukan hal tersebut setiap membuat kotak html di artikel kamu. Sekian artikel tentang "Cara Membuat Kotak Html Highlight Keren Dan Responsive Di Blogger" semoga bermanfaat dan jangan lupa tinggalkan komentar. baca juga : Cara Mudah Pasang Iklan Di Tengah Artikel

.dateHeader/>

WebTools Atau Aplikasi Wajib Para Blogger

Blogger adalah suatu media web yang menyediakan sebuah catatan pribadi dan bisa dilihat oleh semua pengguna web dan menjadi sebuah media untuk berbagi informasi dengan mudah dan gratis. Selain itu blogger merupakan sebuah ikatan principle terbentuk Dari para blogger berdasarkan dengan kesamaan tertentu, misal : kesamaan daerah, kesamaan sekolah, kesamaan hobi, dan kesamaan lainnya. Untuk bisa bergabung dengan sebuah komunitas blogger biasanya ADA syarat tertentu misalnya berasal Dari daerah tertentu. Dan web logger ini bisa diartikan seseorang yang suka menulis artikel pada blog.

Berbicara tentang Blogger, para master blogger ternyata memiliki bantuan aplikasi dalam setiap menulis artikel mereka sehingga dapat menduduki rank 1 di halaman pencarian google. Apa saja aplikasi atau tools dan apa fungsi dari aplikasi tersebut? saya akan jelaskan di artikel kali ini yang berjudul "Tools Atau Aplikasi Wajib Para Blogger". Biasanya para blogger mem-bookmark tools di web browser mereka agar mudah di akses, dan apa saja toolsnya?

Berikut daftar dan fungsi tools yang biasa digunakan oleh blogger:

 1. Tools Article Rewriter (Untuk menulis ulang artikel)

Article rewiter adalah tools yang digunakan untuk menulis ulang artikel yang kita ambli dari orang lain atau biasa disebut Copas. Copas disini bukan berarti saya menganjurkan kamu untuk mengcopy paste artikel orang lain dan men-paste ke blog kamu. Menurut saya ada beberapa artikel yang boleh dicopy paste. Saya berikan contoh, artikel seperti artikel tentang pengertian akan suatu hal, artikel tentang sejarah sesuatu, artikel seperti ini tentu memiliki tata bahasa dan maksud yang sama. Dan menurut saya sah-sah saja kita mencopy artikel yang demikian. Namun, tidak dengan artikel yang diluar jalur dari kedua hal tersebut.

Untuk melakukan hal tersebut tentunya kita harus memiliki tools yang mudah untuk digunakan. apa saja tools yang berfungsi sebagai tools article rewiter (Untuk menulis ulang artikel), berikut tools article rewriter yang bisa kamu gunakan :
  • http://theseotools.net/article-rewriter
  • http://theseotools.net/article-spinner
  • https://spinbot.com/

2. Tools Untuk Mengecek Plagiat

Berbalik dari Article Rewriter yaitu untuk mengcopy paste artikel orang lain, yang kedua ini adalah tools untuk mengecek blog siapa saja yang meng-copy artikel kita. tentunya untuk melihat hal tersebut sangat sulit. Maka dari itu tools sangat berperan penting dalam menjaga artikel dan blog kita dari para plagiat. 

Mencari blog yang sama artikel dengan kita secara manual bukanlah hal yang mudah. Namun, untuk mengatasi hal tersebut webtools berikut ini sangat berperan penting dalam menjaga blog dari para plagiat (tukang copy paste). 
Apa saja tools yang digunakan untuk melihat blog plagiat? berikut tools Untuk Mengecek Blog Yang Meng-copy Artikel kita dalam bentuk Webtools:
  • http://www.plagiarismchecker.com/
  • http://www.articlechecker.com/
  • http://www.plagiarismdetect.com/
  • http://www.dustball.com/cs/plagiarism.checker/
  • http://www.plagium.com/
  • http://searchenginereports.net/articlecheck.aspx
  • http://plagiarismcheck.org/
  • http://www.doccop.com/web_check.html
  • http://www.smallseotools.com/plagiarism-checker/
  • http://www.duplichecker.com/plag_check.asp
  • http://copyscape.com/
  • http://www.tuition.com.hk/plagiarism-checker.htm
Dan yang paling sering saya gunakan adalah copyscape.com. baca juga : Cara Mengetahui Artikel Yang Di Copy Paste Menggunakan Copyscape.

3. Tools Mencari Backlink

Backlink merupakan link yang mengarah pada situs web kita dari situs lain. Backlink adalah tautan link yang dapat meningkatkan posisi SERP di Google. Jumlah backlink yang dimiliki situs adalah nilai popularitas situs tersebut, Namun 1 backlink yang berkualitas dapat mengalahkan ribuan backlink yang idak berkualitas. Backlink ribuan namun tidak berkualitas akan menyebabkan blog atau web kita terkena penalti oleh google. 

Maka dari itu bermain backlink harus sangat berhati-hati. Adapun webtools yang mneyediakan pencarian backlink adalah :

  • https://ahrefs.com/
  • https://www.semrush.com/
  • https://majestic.com/
  • https://google.com/webmaster
  • https://moz.com/researchtools/ose/
Sekali lagi saya tegaskan, hati-hati dalam bermain backlink. karena backlink yang buruk akan mengakibatkan blog kita terkena penalti oleh google, tau yang paling parah blog akan di banned oleh google. karena dengan backlink yang tidak sesuai akan mengakibatkan blog dicap sebagai blog spam.

4. Tools Untuk Mengecek Template

Selain artikel yang artikel yang harus SEO ( Tips Dan Cara Menulis Artikel SEO), Template juga sangat berperan penting dalam meningkatkan SEO di blog. Template yang responsive dan fast loading serta mendukung fitur mobile (mobile friendly). Template yang lambat dan tidak mendukung mobile responsive serta loading seperti siput, akan menyebabkan blog kamu tenggelam di dalam arsip pencarian google.

Bagaimana mengecek template kamu? secara manual tentunya tidak mungkin kan? itulah fungsi dari tools yang dibuat oleh developers yaitu untuk mempermudah penggunanya. webtools apa saja yang digunakan oleh para blogger untuk mengecek kualitas template mereka? berikut daftar webtools yang digunakan:

  (1) Untuk cek responsive
  • http://screenqueri.es/
  • http://responsivepx.com/
  • http://www.responsinator.com/
  • http://resizemybrowser.com/
 (2) Untuk cek SEO
  • http://www.myseotools.co.uk/misc/tool.php?id=spider-preview
  • http://chkme.com/
 (3) Untuk Cek Kecepatan loading
  • https://developers.google.com/speed/pagespeed/insights/?hl=id
Kualitas template sangat mendukung untuk menaikan ranking blog atau web, Maka dari itu selalu cek kualitas template kamu. untuk template responsive saya juga sudah menyediakan di blog ini, kamu tinggal mendownload saja. klik Label Template

5. Tools Untuk mengecek link rusak

Broken link (link rusak) adalah tautan atau link yang telah mengalami kerusakan sehingga ketika diklik dan dikunjungi akan menampilkan link 404 page not found. hal tersebut akan berakibat buruk bagi citra blog. Untuk mengatasinya saya sudah menyiapkan artikel Cara menghapus 404 Page not Found

Diatas adalah cara mengatasinya! namun, bagaimana cara mengetahui link yang rusak (broken link) diartikel kita? apakah harus di cek dengan cara mengklik satu-persatu? Merupakan cara yang bodoh jika hal itu dilakukan. sekali lagi saya tegaskan tools dibuat untuk mempermudah penggunanya. Jadi gunakan tools untuk mengecek kesehatan link dalam blog atau website yang kita kelola. apa saja webtools yang bisa dimanfaatkan untuk mengecek broken link? berikut daftar web yang menyediakan tools untuk mengecek broken link di blog :
  • http://www.iwebtool.com/broken_link_checker
  • http://validator.w3.org/checklink
  • http://www.brokenlinkcheck.com/
link rusak dapat mengakibatkan blog menurun di SERP, maka dari itu lakukan pengecekan setidaknya sebulan sekali untuk melihat apakah ada link rusak di blog.

6. Tools Untuk Research Keyword

Keyword merupakan kata kunci dalam suatu web atau blog yang akan di crawl oleh mesin pencari sehingga menemukan blog atau website yang sesuai dengan keyword yang diketikan oleh calon pengunjung. Maka dari itu, kebanyakan master blogger melakukan riset keyword terlebih dahulu sebelum membuat artikel.

Baca :
Cara Search Keyword Untuk Meningkatkan Rating Dan Penghasilan Di Blog, Selain untuk melihat keyword yang banyak dicari, fungsi lain dari tools research keyword juga berperan penting untuk publisher adsense. yang dimana suggest keyword yang dihasilkan dari tools tersebut akan menampilkan jumlah perklik iklan. maka dari itu riset keyword sebelum membuat artikel sangatlah penting. Web apa saja yang menyediakan tools untuk mencari suggesti keyword yang sering digunakan oleh para master blogger dan seo?
Berikut adalah webtools Untuk riset keyword:
  • https://adwords.google.com/KeywordPlanner
  • http://ubersuggest.org/
  • http://keywordtool.io/
  • http://www.wordstream.com/keywords
  • http://www.keywordeye.com/
  • http://www.keywordrevealer.com/
Lakukan riset keyword sesering mungkin sebelum membuat artikel, dan dijamin artikel kamu akan naik ke halaman pertama google.

7 .  Tools Terbaik

  1.  Shalat
  2. Berdo'a
  3. Sedekah
Ketiga tools yang sangat ampuh untuk kesuksesan blog. Kata bang haji Rhoma irama juga "Berjuang, Berjuang sekuat tenaga. Tetapi jangan lupa Berjuang harus disertai dengan do'a... ayyeeeeyy". Itulah daftar WebTools Atau Aplikasi Wajib Para Blogger, Semoga bermanfaat dan jangan lupa tinggalkan komentar serta membagikan ke teman kamu jika artikel ini bermanfaat. Baca juga :Ciri-Ciri Konten Blog Yang Melanggar TOS Google Adsense

.dateHeader/>

Cara Mudah Mengalihkan (Redirect) Link Blog Lama Ke Link Blog Baru

Mengalihkan (Redirect) Link Blog Lama Ke Link Blog Baru - Redirect adalah proses mengarahkan URL ke Link Website lain secara otomatis, sedangkan pengertian Redirect Subdomain adalah proses mengarahkan URL subdomain ke Link Website lain secara otomatis.
Berbagai alasan untuk membuat blog baru, mungkin kerusakan yang dialami blog atau mungkin ada banyak alasan lain. Namun, blog lama telah dikenal oleh banyak pengunjung dan kita tidak akan meninggalkan pengunjung setia kita kan. Oleh karena itu, mengalihkan url / link blog lama ke blog yang baru adalah solusi yang berguna untuk menyelesaikan masalah ini. pengunjung tidak akan berkurang dan tetap hadir di blog baru yang kita kelola. Jadi, keuntungan mengalihkan url / link blog lama ke blog baru sudah kita dapatkan.

Lelah dengan mengelola banyak blog untuk satu ninche, akirnya blog lain saya alihkan ke blog ini. mudah dikontrol dan saya bisa fokus untuk mengelola blog ini tanpa dipusingkan dengan blog lain. karena di blog lama visitor terbilang lumayan banyak, daripada meninggalkan visitor lebih baik saya redirect (alihkan) link blog lama ke blog ini. Sambil menunggu blog dihapus oleh google, tidak ada salahnya mengalihkan link blog.
Cara Mudah Mengalihkan (Redirect) Link Blog Lama Ke Link Blog Baru
Cara Mudah Mengalihkan (Redirect) Link Blog Lama Ke Link Blog Baru
Bagaimana mengalihkan (redirect) link blog lama ke yang baru? kode javascript sederhana akan membantu kamu mewujudkannya. Berikut cara  Mudah Mengalihkan (Redirect) Link Blog Lama Ke Link Blog Baru:

 <script type="text/javascript">

  window.location="http://1935irfan.blogspot.com";

</script> 

Copy kode javascrip diatas untuk nanti dipastekan di dalam template blog lama. caranya cukup mudah :
  • Masuk ke Blog lama kamu
  • Kemudian Pilih Template
  • Klik edit Html
  • Cari kode </head>
  • Dan pastekan kode javascript diatas sebelum kode </head>
  • Kemudian simpan
Itulah cara mudah mengalihkan (redirect) link blog lama ke blog baru, semoga membantu dan jangan lupa tinggalkan komentar.
Mungkin kamu tertarik : Cara Cepat Agar Postingan Terindex Google
Informasi Dunia Maya