jasa marketing online,jasa website profesional,jasa pembuatan website di surabaya,jasa pembuatan website terbaik,jasa buat web murah,jasa online marketing,jasa pembuatan website bali,jasa pembuat website murah berkualitas,jasa web bandung,perusahaan pembuat website,jasa website murah jakarta,jasa buat website murah jakarta,jasa pembuatan website online,kursus pembuatan website,harga jasa pembuatan website profesional,jasa pembuatan web design,jasa bikin web murah

Kamis, 25 Agustus 2016

Cara Rubah dan Buat Komentar Blog Menjadi Terlihat Menarik

Bagaimana Cara Mengubah dan Membuat Komentar di Blog Menjadi Keren ? Untuk merubah dan mendesign kotak komentar pada blogger agar nantinya lebih keren itu bukan hal yang sangat sulit , sobat cuman perlu mengetahui sedikit tentang css dan html . dan kemudian memasangkan html dan css sebagai pemanggil html tersebut pada halaman editor html blog anda. Namun bagi yang masih minim pengetahuanya tentang bahasa coding ini , sulit rasanya membuat kotak komentar blog jadi lebih keren , nah dari pada pusing liat kode alien , lebih baik contoh nih komentar blog dibawah ini yang keren pisan.

Tak hanya kotak komentar yang keren , akan tetapi comments box ini fast loading dan valid html5 serta css3 , sehingga tidak membuat blog anda lelet ketika di buka , dan tentunya membuat pengunjung betah lama - lama jagongan di blog sobat. komentar ini di modifikasi menjadi valid oleh master blogger indonesia yaitu " Kang Ismet " yang memberi nama komentar ini dengan komentar hack versi 3

Menurut saya komentar Blog ini Keren dan sangat enak di pandang , sehingga saya menggunakanya pada blog saya yang jelek ini , karena kemaren ada yang bertanya , mas gimana sih cara buat komentar blog yang keren seperti blognya masyadi ini ? untuk itu saya akan jawab melalui tutorial kali ini.
Cara Terbaru Membuat Kotak Komentar Blog Keren Banget
Cara Merubah Komentar Blog Menjadi lebih Keren

    Pertama , pastikan sobat udah masuk di dasbhor sobat sendiri
    Masuk pada bagian editor template , caranya pilih Menu Template -> Edit HTML.
    Temukan kode dibawah ini :

    <b:include data='post' name='threaded_comments'/>

    Lalu Ganti kode diatas dengan kode seperti ini

    <b:include data='post' name='comments'/>

    Simpan kode ini di atas ]]></b:skin>

    #comments {}
    #comments h3 {margin-bottom:15px;font-size:18px;}
    .comment_avatar_wrap{
    width:42px;
    height:42px;
    border: 1px solid #C4C4C4;
    border-top-color: #E4E4E4;
    border-left-color: #E4E4E4;
    background:#fcfcfc;
    padding:4px;
    border-radius: 2px;
    text-align:center;
    margin-bottom:20px;
    }
    #comments .avatar-image-container {
    float: left;
    margin: 0 10px 0 0;
    width: 42px;
    height: 42px;
    max-width:42px;
    max-height:42px;
    padding: 0;
    margin-bottom:10px;
    }
    #comments .avatar-image-container img {
    width: 42px;
    height: 42px;
    max-width: 42px;
    max-height: 42px;
    background:url(http://2.bp.blogspot.com/-fjaZBtfvzac/UN1mw2tUamI/AAAAAAAADkc/XdKqt8hWZ6w/s1600/anon.jpg) no-repeat;
    }
    .comment_name a {
    font-weight: bold;
    padding: 5px 0 0 0;
    font-size: 13px;
    text-decoration: none;
    }
    .comment_admin .comment_name  {
    font-weight: bold;
    padding: 10px;
    font-size: 13px;
    text-decoration: none;
    background:#eee;
    }
    .comment_admin .comment_date  {
    font-weight: normal;
    font-size:11px;
    }
    .comment_name {
    background:#eee;
    padding:10px;
    font-size:13px;
    font-weight:bold;
    position:relative;
    }
    .comment_service{
    margin-top:5px
    }
    .comment_date {
    color: #a9a9a9;
    float:right;
    font-size:11px;
    font-weight:normal;
    margin-top:-3px;
    }
    .comment_date a{
    color: #a9a9a9;
    float:right;
    font-size:11px;
    font-weight:normal;
    }
    .comment_date a:hover{
    color: #a9a9a9;
    text-decoration:none;
    }
    .comment_body{
    margin-left:66px;
    margin-top: -72px;
    background:#fcfcfc;
    border:1px solid #d1d1d1;
    padding:10px;
    border-radius: 2px;
    }
    .comment_body p {
    line-height: 1.5em;
    margin: 5px 0 0 0;
    color: #666;
    border:1px solid #eee;
    font-size: 13px;
    word-wrap:break-word;
    background:#fff;
    padding:10px;
    }
    .comment_inner {
    padding-bottom: 5px;
    margin: 5px 0 5px 0;
    }
    .comment_child .comment_wrap {padding-left: 7%;}
    .comment_reply {
    display: inline-block;
    margin-top:8px;
    margin-left:-5px;
    padding: 1px 12px;
    color: #fff !important;
    text-align: center;
    text-decoration: none;
    border-radius: 2px;
    background: #bababa;
    font: 11px/18px sans-serif;
    transition: background-color 1s ease-out 0s;
    }
    .comment_reply:hover {
    text-decoration: none !important;;
    background: #056b95;
    }
    .unneeded-paging-control {display: none;}
    .comment-form {max-width: 100%;!important;}
    #comment-editor {width:103%!important;background:transparent url('data:image/gif;base64,R0lGODlhKwALAPAAAKrD2AAAACH5BAEKAAEAIf4VTWFkZSBieSBBamF4TG9hZC5pbmZvACH/C05FVFNDQVBFMi4wAwEAAAAsAAAAACsACwAAAjIMjhjLltnYg/PFChveVvPLheA2hlhZoWYnfd6avqcMZy1J14fKLvrEs/k+uCAgMkwVAAAh+QQBCgACACwAAAAAKwALAIFPg6+qw9gAAAAAAAACPRSOKMsSD2FjsZqEwax885hh3veMZJiYn8qhSkNKcBy4B2vNsa3pJA6yAWUUGm9Y8n2Oyk7T4posYlLHrwAAIfkEAQoAAgAsAAAAACsACwCBT4OvqsPYAAAAAAAAAj1UjijLAg9hY6maalvcb+IPBhO3eeF5jKTUoKi6AqYLwutMYzaJ58nO6flSmpisNcwwjEfK6fKZLGJSqK4AACH5BAEKAAIALAAAAAArAAsAgU+Dr6rD2AAAAAAAAAJAVI4oy5bZGJiUugcbfrH6uWVMqDSfRx5RGnQnxa6p+wKxNpu1nY/9suORZENd7eYrSnbIRVMQvGAizhAV+hIUAAA7') no-repeat 50% 30%}}
    .comment_form a {
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-family: Arial, Helvetica, Garuda, sans-serif;
    font-size: 15px;
    }
    .comment_form a:hover {text-decoration: underline;}
    .comment-form p {
    background: #666;
    padding: 10px;
    margin: 5px 0 5px 0;
    color: #eee;
    font-size: 13px;
    line-height: 20px;
    width:97%;
    border-radius:3px;
    position:relative;
    }
    .comment-form p:after{
    content:"";
    width:0;
    height:0;
    position:absolute;
    bottom:-16px;
    left:15px;
    border:8px solid transparent;
    border-color:#666 transparent transparent;
    }
    .comment_reply_form {
    padding: 0 0 0 70px;
    }
    .comment_reply_form .comment-form {width: 99%;}
    .comment_emo_list{
    display:none;
    }
    .comment_emo_list .item {
    float: left;
    text-align: center;
    margin: 10px 10px 0 0;
    height: 40px;
    width:41px;
    }
    .comment_emo_list span {
    display: block;
    font-weight: bold;
    font-size: 11px;
    letter-spacing: 1px;
    }
    .comment_emo_list span {
    display: block;
    font-weight: bold;
    font-size: 11px;
    letter-spacing: 1px;
    }
    .comment_youtube {max-width:100%!important;width:400px;height:225px;display:block;margin:auto}
    .comment_img {max-width:100%!important;}
    .deleted-comment {
    padding: 10px 10px 10px 10px;
    display: block;
    color: #CCC;
    }
    .comment_arrow {
    display: block;
    width: 9px;
    height: 18px;
    background: url(http://3.bp.blogspot.com/-NONrBLhghFk/To0nNB1LmkI/AAAAAAAAAI4/CAuzDfYiCiU/s1600/comment-arrow.gif) no-repeat;
    position: absolute;
    margin-left: -19px;
    }
    .comment_header{width:50px}
    #respond {
    overflow: hidden;
    padding-left: 10px;
    clear: both;
    }
    .comment_avatar img{width:42px;height:42px;background:url(http://2.bp.blogspot.com/-fjaZBtfvzac/UN1mw2tUamI/AAAAAAAADkc/XdKqt8hWZ6w/s1600/anon.jpg) no-repeat}
    .comment-delete img{float:right;margin-left:15px;margin-top:3px;margin-right:10px}
    .comment_author_flag {display:none}
    .comment_admin .comment_author_flag {display:inline;background:url(http://4.bp.blogspot.com/-lABM2Z7_HVs/Ui_XAxhHY6I/AAAAAAAAFXc/wbQNB2SkcIQ/s1600/author.png)no-repeat;font-size:13px;font-weight:normal;padding:2px 6px;right:-23px;margin-top:-23px;color:#fff;border-radius:4px;text-transform:uppercase;position:absolute;width:36px;height:36px;}
    iframe{border:none;overflow:hidden}

    Kemudian ganti kode :

    <b:includable id='comments' var='post'>...</b:includable>

    dengan yang ini :

    <b:includable id='comments' var='post'>
    <div class='comments' id='comments'>
     <b:if cond='data:post.allowComments'>
      <b:if cond='data:post.numComments != 0'>
       <h3>
        <b:if cond='data:post.numComments == 1'>1 <data:commentLabel/>:
         <b:else/>
         <data:post.numComments/> <data:commentLabelPlural/>
        </b:if>
       </h3>
      </b:if>
                  
      <b:if cond='data:post.commentPagingRequired'>
       <span class='paging-control-container'>
        <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
        &#160;
        <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
        &#160;
        <data:post.commentRangeText/>
        &#160;
        <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
        &#160;
        <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
       </span>
      </b:if>
                          
      <div class='clear'/>
      <div id='comment_block'>
       <b:loop values='data:post.comments' var='comment'>
                                                                                
       <div class='data:comment.adminClass' expr:id='data:comment.anchorName'>                                                                                    
          <b:if cond='data:post.adminClass == data:comment.adminClass'>
           &lt;div class=&#39;comment_inner comment_admin&#39;&gt;
           <b:else/>
                                &lt;div class=&#39;comment_inner&#39;&gt;
          </b:if>
       
        <div class='comment_header'>
         <div class='comment_avatar_wrap'>
         <div class='comment_avatar'>
          <img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
                  </div>
    <a class='comment_reply' expr:href='&quot;#r_&quot;+data:comment.anchorName' expr:id='&quot;r&quot;+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)' title='Balas'>Balas</a>
         </div>
                            
         <div class='clear'/>
        </div>
            
        <div class='comment_body'>
                                          <span class='comment_arrow'/>
         <div class='comment_name'>
          <b:if cond='data:comment.authorUrl'>
           <a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow' target='_blank'><data:comment.author/></a>
           <b:else/>
           <data:comment.author/>
          </b:if>
           <b:if cond='data:comment.author == data:post.author'>
             <span class='comment_author_flag'>Admin</span>
           </b:if>  
                      <span class='comment_service'>
          <a class='comment-delete' expr:href='&quot;http://www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' expr:title='data:top.deleteCommentMsg'>
    <img alt='delete' src='http://2.bp.blogspot.com/-d-5BS0YCkho/UOKe2UIw0rI/AAAAAAAAC4w/md_iYNVHaHk/s1600/delete4.png' title='Hapus Komentar'/>
    </a>               
          <span class='comment_date'><a expr:href='data:comment.url' rel='nofollow' title='comment permalink'>
                      <data:comment.timestamp/>
            </a></span>
      </span></div>
         <b:if cond='data:comment.isDeleted'>
          <span class='deleted-comment'><data:comment.body/></span>
          <b:else/>
          <p><data:comment.body/></p>
                            <div class='clear'/>
                         
         </b:if>
                                                         
        </div>                        
         <div class='clear'/>
         &lt;/div&gt;
         <div class='clear'/>
              
        <div class='comment_child'/>
        <div class='comment_reply_form' expr:id='&quot;r_f_&quot;+data:comment.anchorName'/>             
        </div>
       </b:loop>             
       </div>   
        <div class='clear'/>
        <b:if cond='data:post.commentPagingRequired'>
         <span class='paging-control-container'>
           <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
           &#160;
           <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
           &#160;
           <data:post.commentRangeText/>
           &#160;
           <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
           &#160;
           <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
         </span>
        </b:if>
        <div class='clear'/>
      <div class='comment_form'>        
            
       <b:if cond='data:post.embedCommentForm'>
        <b:if cond='data:post.allowNewComments'>  
          <div class='comment_emo_list'/>
         <b:include data='post' name='threaded-comment-form'/>
           <b:else/>
           <data:post.noNewCommentsText/>
        </b:if>
        <b:else/>
        <b:if cond='data:post.allowComments'>
         <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='data:postCommentMsg'><data:postCommentMsg/></a>
        </b:if>
       </b:if>
      </div>
     </b:if>
    </div>               
           <script type='text/javascript'>
           //<![CDATA[
           if (typeof(jQuery) == 'undefined') {
     //output the script (load it from google api)
     document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");
    }
           //]]>
           </script>
        
           <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
           <script type='text/javascript'>
         
             <b:if cond='data:post.numComments != 0'>
             var Items = <data:post.commentJso/>;
             var Msgs = <data:post.commentMsgs/>;
             var Config = <data:post.commentConfig/>;
            <b:else/>
             var Items = {};
             var Msgs = {};
             var Config = {&#39;maxThreadDepth&#39;:&#39;0&#39;};
            </b:if>
           //<![CDATA[
           //Global setting
            Config.maxThreadDepth = 6;//Kedalaman tingkat threaded comment
            Display_Emo = true;//Tampilkan emoticon? ketik "false" untuk menyembunyikan
            Replace_Youtube_Link = false;//Embed video YouTube, ketik "false" untuk mendisable
            Replace_Image_Link = false;//Auto replace link image,  ketik "false" untuk mendisable.
                                    Replace_Force_Tag = false;//Auto replace virtual tag contoh: [pre] menjadi <pre>, dan [/pre] menjadi </pre>, apabila salah menulis, tidak akan berfungsi
            Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, png, bmp),hanya berfungsi apabila Replace_Image_Link=true
         
            //Pengaturan Emoticon
            Emo_List = [
            ':)'  ,'http://1.bp.blogspot.com/-2Z7Cwe04x-Q/UH9THzWWJII/AAAAAAAACtA/ChwawyzYsDI/s1600/smile1.gif',
            ':('  ,'http://4.bp.blogspot.com/-yXc7xHs5mXc/UKhVJLBfdaI/AAAAAAAADPY/LJKRsefyeao/s1600/sad.gif',
            '=('  ,'http://1.bp.blogspot.com/-7I8DdEs58z0/UKhVKHT1yUI/AAAAAAAADPg/Lyzv-E74EdM/s1600/sadanimated.gif',
            '^_^'  ,'http://1.bp.blogspot.com/-IoZJlpB0-dE/UKhVKnR0BDI/AAAAAAAADPo/Kz87N1Aj4X8/s1600/smile.gif',
            ':D'  ,'http://3.bp.blogspot.com/-WeTjMT8JDhg/UKhVHlZ88II/AAAAAAAADPI/b1gpiAvIkCc/s1600/icon_smile.gif',
            '=D'  ,'http://1.bp.blogspot.com/-ljeobbA3sn0/UKhVGtJsGRI/AAAAAAAADPA/8lyzE4JwrwQ/s1600/hihi.gif',
            '|o|'  ,'http://4.bp.blogspot.com/-ip66eq3uRI8/UKhVF-QK8lI/AAAAAAAADO4/P0G-1PcWpQs/s1600/applause.gif',
            '@@,'  ,'http://4.bp.blogspot.com/-w1VfvgO2-e8/UKhVIT7XLhI/AAAAAAAADPQ/cJ0KDjEsoj4/s1600/rolleyes.gif',
            ';)'  ,'http://3.bp.blogspot.com/-5zPfqshivtY/UKhVONWZnkI/AAAAAAAADQI/iCDxagcaj5s/s1600/wink.gif',
            ':-bd'  ,'http://4.bp.blogspot.com/-hPd-oj2Bzo4/UKhVLkmQjOI/AAAAAAAADPw/3O1iuAukZXg/s1600/thumb.gif',
            ':-d'  ,'http://2.bp.blogspot.com/-yElQmFAIiII/UKhVMcObcQI/AAAAAAAADP4/-qdEpW8zCmY/s1600/thumbsup.gif',
            ':p'  ,'http://2.bp.blogspot.com/-bs2e9gRj748/UKhVNKLs2YI/AAAAAAAADQA/mF7lDNOChac/s1600/wee.gif',    
            ];
         
                                
                                    //Config Force tag list, define all in lower case
                                    Force_Tag = [
                                        '[pre]','<pre>',
                                        '[/pre]','</pre>',
                                        '<pre class="brush: plain; title: ; notranslate" title="">','&lt;code&gt;',
                                        '</pre>','</code>'
                                    ];
       
    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}('3 q=\'.W\';3 1a=$(\'#N-Y\').B(\'y\');u 1w(H){3 1h=\' \\n\\r\\t\\f\\2p\\1S\\1T\\1U\\24\\25\\26\\27\\2e\\2h\\2k\\2m\\2n\\2u\\2y\\2z\\2A\\2F\\1L\\1N\\1O\\1P\\1Q\';G(3 i=0;i<H.5;i++){b(1h.g(H.1V(i))!=-1){H=H.d(0,i);11}}C H}$(\'#28 .1B p\').k(u(D,7){b(2r){3 m=\'1g://13.Z.X/1t?v=\';3 8=7.g(m);F(8!=-1){1H=7.d(8);K=1w(1H);3 1c=K.g(\'&\');3 T=\'\';b(1c==-1){T=K.d(m.5)}1e{T=K.d(m.5,1c)}3 1j=\'<1k I="1W" y="1g://13.Z.X/1X/\'+T+\'?1Y=1" 20="0" 21></1k>\';7=7.d(0,8)+1j+7.d(8+K.5);8=7.g(m);b(8==-1){m=\'22://13.Z.X/1t?v=\';8=7.g(m)}}}b(23){3 1d=\'\';3 x=7;G(3 i=0;i<1z.5;i++){3 m=\'.\'+1z[i];3 o=x.E();3 8=o.g(m);F(8!=-1){l=x.d(0,8+m.5);o=l.E();3 w=\'2j://\';3 z=o.g(w);3 L=\'\';F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}w=\'1K://\';o=l.E();z=o.g(w);F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}b(L==\'\'||l.5<6){11}l=L+l;1d+=x.d(0,8+m.5-l.5)+\'<S y="\'+l+\'" I="2s"/>\';x=x.d(8+m.5);o=x.E();8=o.g(m)}}7=1d+x}b(1m){3 5=A.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';8=7.g(A[i]);F(8!=-1){7=7.d(0,8)+V+7.d(8+A[i].5);8=7.g(A[i])}}}b(2G){3 5=U.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){F(1){3 x=7.R();8=x.g(U[i]);b(8!=-1){7=7.d(0,8)+U[i+1]+7.d(8+U[i].5)}1e{11}}}}C 7});$(\'.1M\').k(u(D,7){b(1m){3 5=A.5;b(5%2==1){5--}3 15=\'\';G(3 i=0;i<5;i+=2){3 1C=\'<1F>\'+A[i]+\'</1F>\';3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';15+=\'<M I="1R">\'+V+1C+\'</M>\'}C 15}});$(\'.1f .1B p\').k(u(i,h){10=h.R();D=10.g(\'@<a 12="#c\');b(D!=-1){14=10.g(\'</a>\',D);b(14!=-1){h=h.d(0,D)+h.d(14+4)}}C h});u 1l(j){r=j.g(\'c\');b(r!=-1)j=j.d(r+1);C j}u 1n(j){j=\'&1Z=\'+j+\'#%1o\';1p=1a.1q(/#%1o/,j);C 1p}u 1r(){k=$(q).k();$(q).k(\'\');q=\'.W\';$(q).k(k);$(\'#N-Y\').B(\'y\',1a)}u 1s(e){j=$(e).B(\'16\');j=1l(j);k=$(q).k();b(q==\'.W\'){1u=\'<a 12="#1v" 29="1r()">\'+2a.2b+\'</a><a 2c="1v"/>\';$(q).k(1u)}1e{$(q).k(\'\')}q=\'#2d\'+j;$(q).k(k);$(\'#N-Y\').B(\'y\',1n(j))}17=2f.2g.12;18=\'#N-2i\';19=17.g(18);b(19!=-1){1y=17.d(19+18.5);1s(\'#2l\'+1y)}G(3 i=0;i<O.5;i++){b(\'1A\'2o O[i]){3 j=O[i].1A;3 1b=2q($(\'#c\'+j+\':P\').B(\'1D-1E\'));$(\'#c\'+j+\' .2t:P\').k(u(D,7){3 J=O[i].16;b(1b>=2v.2w){$(\'#c\'+J+\':P .2x\').1G()}3 Q=$(\'#c\'+J+\':P\').k();Q=\'<M I="1f" 16="c\'+J+\'" 1D-1E="\'+(1b+1)+\'">\'+Q+\'</M>\';$(\'#c\'+J).1G();C(7+Q)})}}3 1I=$("#2B");1I.2C(\'.2D S\').2E(u(){3 1J=$(1i).B(\'y\');$(1i).2H().B(\'y\',1J.1q(/\\/s[0-9]+(\\-c)?\\//,"/2I-c/"))});',62,169,'|||var||length||oldhtml|check_index|||if||substring|||indexOf|||par_id|html|img_src|search_key||upper_html||Cur_Cform_Hdr||||function||http_search|temp_html|src|find_http|Emo_List|attr|return|index|toUpperCase|while|for|str|class|child_id|yt_link|save_http|div|comment|Items|first|child_html|toLowerCase|img|yt_code|Force_Tag|img_html|comment_form|com|editor|youtube|temp|break|href|www|index_tail|newhtml|id|cur_url|search_formid|search_index|Cur_Cform_Url|par_level|yt_code_index|save_html|else|comment_wrap|http|whitespace|this|yt_video|iframe|Valid_Par_Id|Display_Emo|Cform_Ins_ParID|7B|n_cform_url|replace|Reset_Comment_Form|Display_Reply_Form|watch|reset_html|origin_cform|trim|comment_emo|ret_id|Replace_Image_Ext|parentId|comment_body|img_code|data|level|span|remove|ht|avatar|ava|HTTPS|u200a|comment_emo_list|u200b|u2028|u2029|u3000|item|x5d|x7c|x7d|charAt|comment_youtube|embed|autohide|parentID|frameborder|allowfullscreen|https|Replace_Image_Link|x3c|x3e|x0b|xa0|comment_block|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|u2001|form_|HTTP|u2002|rc|u2003|u2004|in|x5b|parseInt|Replace_Youtube_Link|comment_img|comment_child|u2005|Config|maxThreadDepth|comment_reply|u2006|u2007|u2008|comments|find|comment_avatar|each|u2009|Replace_Force_Tag|show|s45'.split('|'),0,{}))
        //]]>
    </script>
    </b:includable>

    Terakhir baca bismillah dan berdoa semoga bisa , kemudian klik save

Gimana tutorial buat dan memasang kotak Komentar Blog Keren Banget pisan ? sangatlah mudah bukan ? atau bahkan sobat pusing melihat kode alien tersebut ? kalau pusing itu wajar sekali , karena saya waktu awal obrak - abrik template juga mengalamai hal yang sama , pokoknya tetap semangat dan jangan mudah menyerah , kalau masih gagal ya dicoba lagi sampai bisa , selamat memodifikasi komentar blog yang paling keren
Share:

Cara Mengedit Navigasi Blogspot Agar Terlihat lebih keren dan Menawan

Cara Membuat Menu Navigasi Keren di Blog Ala Template marinir seo - Bagaimana sih cara membuat menu navigas kayak di tempplate itu ? Banyak sekali yang bertanya seperti kepada saya , sampai akhirnya saya mau memberikan tutorialnya kepada sobat . Tapi niat saya tidak ingin mengclone template premium evo magz tersebut , melainkan ingin berbagi pada menu navigasinya saja .

   Sebenarnya dengan mengintip kode dari template evo magz itu sendiri , sobat bisa membuat menu navigasnya yang keren itu , asalkan sobat paham sedikit mengenai css dan html , tapi kalau sobat belom bisa mungkin tutorial membuat menu navigasi ala evo magz ini pilihan terbaik anda .

  Bagi yang belom tahu seperti apakah menu navigasi keren dan evo magz ? sobat dapat mengetahuinya dengan melihat demonya di blognya langsung atau bisa juga melihat gambar berikut :

Cara Membuat Menu Navigasi di Blog seperti Evo Magz

Bagaimana Cara Membuat Menu Navigasi Keren di Blog Ala Evo Magz ?

    Pertama , silahkan sobat masuk ke editor template terlebih dahulu
    Kemudian Pasang kode css berikut , tepat diatas kode  ]]></b:skin> atau </style>

    /* NAVIGATION MENU 2 */
    .toggleMenu{display:none;background:#E73138;padding:0 15px;height:48px;line-height:48px;color:#fff!important}
    #nav{font:normal bold 12px Arial,sans-serif;background:#333333;text-transform:uppercase;height:48px;line-height:48px}
    .nav-menu2{background:#333333;list-style:none;margin:0 0 0 0;*zoom:1;float:left}
    .nav-menu2:before,.nav-menu2:after{content:" ";display:table}
    .nav-menu2:after{clear:both}
    .nav-menu2 ul{list-style:none;margin:0 0 0 0;width:12em}
    .nav-menu2 a{display:block;padding:0 15px}
    .nav-menu2 li{position:relative;margin:0 0}
    .nav-menu2 > li{float:left}
    .nav-menu2 > li > a{display:block;height:48px;line-height:48px;color:#ffffff;box-shadow:0 4px 0 #333333 inset}
    .nav-menu2 > li > a.active{background:#222222;box-shadow:0 4px 0 #E73138 inset}
    .nav-menu2 > li:hover > a{background:#222222;box-shadow:0 4px 0 #E73138 inset}
    .nav-menu2 li ul{background:#fff;display:block;position:absolute;left:0;z-index:10;visibility:hidden;opacity:0;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out;border:1px solid #d9d9d9;border:1px solid rgba(217,217,217,1);box-shadow:0 0 2px rgba(0,0,0,0.2)}
    .nav-menu2 li li ul{left:100%;top:-1px}
    .nav-menu2 > li.hover > ul{visibility:visible;opacity:10}
    .nav-menu2 > li > ul:before{content:"";width:0;height:0;position:absolute;bottom:100%;left:20px;border-width:8px;border-style:solid;border-color:transparent transparent #fff transparent;display:block}
    .nav-menu2 li li.hover ul{visibility:visible;opacity:10}
    .nav-menu2 li li a{display:block;color:#333;position:relative;z-index:100;line-height:32px}
    .nav-menu2 li li a:hover{background:#f0f0f0}
    .nav-menu2 li li li a{background:#fff;z-index:20;color:#333}
    .nav-menu2 li .parent:after{content:"\f107";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-left:6px}
    #search-form{background:#333333;float:right;margin:0 0;width:200px}
    #search-form table{width:100%;margin:0 0 0 0}
    #search-form td.search-box{padding-right:30px}
    #search-form input#search-box[type="text"]{background:#ffffff;height:36px;line-height:36px;margin:5px 0 5px 10px;padding:0 10px;width:99%;color:#666666;border:none}
    #search-form input#search-button[type="submit"]{font-family:FontAwesome;background:#E73037;color:#ffffff;height:36px;line-height:36px;margin:5px 10px 5px 0;padding:0 12px;border:none;outline:none;transition:all 0.25s;-moz-transition:all 0.25s;-webkit-transition:all 0.25s}
    #search-form input#search-button[type="submit"]:hover{background:#222222;cursor:pointer}
    #search-form input#search-box[type="text"]:focus{background:#eee;outline:none}

    Untuk memanggil kode css diatas silahkan pasang htmlnya , caranya pasang kode dibawah ini tepat dibawah kode </header>

    <nav id='nav'>
    <a class='toggleMenu' href='#'><i class='fa fa-th-list'></i> Menu</a>
    <!-- secondary navigation menu start -->
    <ul class='nav nav-menu2'>
    <li><a class='active' href='masyadi.com'><i class='fa fa-home'></i> Home</a></li>
    <li><a href='#'>Menu 1</a>
    <ul>
    <li><a href='#'>Sub Menu 1</a></li>
    <li><a href='#'>Sub Menu 2</a></li>
    <li><a href='#'>Sub Menu 3</a></li>
    </ul>
    </li>
    <li><a href='#'>Menu 2</a>
    <ul>
    <li><a href='#'>Sub Menu 1</a>
    </li>
    <li><a href='#'>Sub Menu 2</a></li>
    <li><a href='#'>Sub Menu 3</a></li>
    </ul>
    </li>
    <li><a href='#'>Menu 3</a></li>
    <li><a href='masyadi.com'>Markup</a></li>
    <li><a href='masyadi.com'>Error Page</a></li>
    <li><a href='/p/lorem-ipsum-dolor-sit-amet-consectetur.html'>Static Page</a></li>
    </ul>
    <!-- secondary navigation menu end -->
    <form action='/search' id='search-form' method='get' style='display: inline;'><table><tbody><tr><td class='search-box'><input id='search-box' name='q' onblur='if(this.value==&#39;&#39;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&#39;&#39;;' type='text' value='Search...' vinput=''/></td>
    <td class='search-button'><input id='search-button' type='submit' value=''/></td></tr></tbody></table></form>
    </nav>

    Jika sudah silahkan save template sobat

Membuat Menu Navigasi Evo Magz jadi responsive di Blog
Sebetulnya , cara diatas sudah cukup untuk membuat menu navigasi yang mirip evo magz , tapi jika sobat suka desaign template yang responsive , maka sobat perlu melakukan tutorial dibawah ini :

    Masih dalam halaman edit html
    Cari kode </body> , dan pasang kode dibawah ini diatas kode </body> tersebut

    <script type='text/javascript'>
    //<![CDATA[
    var ww=document.body.clientWidth;$(document).ready(function(){$(".nav li a").each(function(){if($(this).next().length>0){$(this).addClass("parent")}});$(".toggleMenu").click(function(e){e.preventDefault();$(this).toggleClass("active");$(".nav").toggle()});adjustMenu()});$(window).bind("resize orientationchange",function(){ww=document.body.clientWidth;adjustMenu()});var adjustMenu=function(){if(ww<768){$(".toggleMenu").css("display","inline-block");if(!$(".toggleMenu").hasClass("active")){$(".nav").hide()}else{$(".nav").show()}$(".nav li").unbind("mouseenter mouseleave");$(".nav li a.parent").unbind("click").bind("click",function(e){e.preventDefault();$(this).parent("li").toggleClass("hover")})}else if(ww>=768){$(".toggleMenu").css("display","none");$(".nav").show();$(".nav li").removeClass("hover");$(".nav li a").unbind("click");$(".nav li").unbind("mouseenter mouseleave").bind("mouseenter mouseleave",function(){$(this).toggleClass("hover")})}}
    //]]></script><script src='https://googledrive.com/host/0BxH5pEKXqBWUSUhtOTZFOUw5QkU/menu-navigasi-evo-magz-masyadi-com.js'></script>

    Serta pasang Juga Media Queris responsivenya . caranya pasang kode css berikut diatas kode  ]]></b:skin> atau </style>

    @media only screen and (max-width: 768px) {
          .nav { float: none; width: 100%; max-width: 100%; }.active { display: block; }#search-form { width: 100%; margin: 0 0 0 0 !important; }.nav li ul:before { display: none; }.nav > li { float: none; overflow: hidden; }.nav ul { display: block; width: 100%; float: none; }.nav-menu2 li ul { background: #eee; border: none; box-shadow: none; }.nav-menu2 li li ul { background: #f5f5f5; }.nav-menu2 li li a:hover { background: #ddd; }.nav > li.hover > ul, .nav li li.hover ul { position: static; }#search-form { width: 100%; background: #444; }#search-form td.search-box { padding: 0 10px !important; }#search-form td.search-button { padding: 0 10px; width: 1%; }#search-form input#search-box[type="text"] { margin: 0 0 0 0; }#search-form input#search-button[type="submit"] { margin: 0 0 0 0; }
    }

    oh ya saya hampir lupa , karena menu navigasi menggunakan font awesome , silahkan pasang javascript font awesome berikut diatas kode </head>

        <link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>

    Nah inilah yang ditunggu - tunggu , silahkan save template sobat dan lihat hasilnya

Tak terasa kini kita telah berhasil membuat menu navigasi ala evo magz mas sugeng , ternyata cukup capek juga ya membuat menu navigasi yang sekeren itu , hehhehehe tapi asalkan anda tahu lebih lelah yang menyajikan tutorialnya dari pada anda mempraktekan , hehehhe . ok sekian dari saya , silahkan mencobanya
Share:

Tips Membuat Aneka bentuk tulisan pada Blog Artikel [Tebal Miring Garis Bawah]

Halo... Ketemu sama saya, kali ini saya tidak akan bahas tentang SEO tapi ini berhubungan dengan kegiatan SEO On-Page yang saya sudah tulis, yaitu cara membuat text tebal, miring, garis bawah, dan text dicoret pada HTML nah langsung saja kita lihat tutorialnya.
Text Tebal
Menurut translate google Tebal itu dalam bahasa Indonesia Thick tapi jika menurut HTML Tebal itu Bold
Bold itu adalah dalam bahsa indonesia artinya jelas jadi kalau di gabungkan menjadi tulisan jelas. Malah terjemah terjemahan nih. Cara penulisannya begini

Misal saya akan mentebalkan kata " Aku sayang kamu "

Text Normal
Aku sayang kamu

Text Bold
Aku sayang kamu

Ada bedanya kan.

Kode HTML nya begini

<span style="font-weight:bold"> Aku sayang kamu </span>

Atau Dengan Penulisan Singkat

<b> Aku sayang kamu </b>

lihat yang di beri warna merah itu adalah untuk mengahasilkan text menjadi Tebal.

Jika atribut bold ini sudah mengerti kita langsung ke selanjutnya
Text Miring
Miring dalam bahasa inggris adalah Mire tapi jika dalam HTML adalah Italic, Tapi kalau italic saya gak tau artinya apa. langsung lah cara penulisanya

Text Normal
Aku sayang kamu

Text Italic
Aku sayang kamu

Silahkan di sidik - sidik ada perbedaanya gak.

Kode HTML nya begini

<span style="font-style:italic"> Aku sayang kamu </span>

Atau Dengan Penulisan Singkat

<i> Aku sayang kamu </i>

lihat yang di beri warna merah itu adalah untuk mengahasilkan text menjadi Miring atau Italic.
Text Garis Bawah
Garis Bawah dalam bahasa inggris under line tapi kalau dalam HTML garis bawah itu underline nah kalau yang ini nyambung yah bahasa inggris sama bahasa HTML.

Text Normal
Aku sayang kamu

Text Underline
Aku sayang kamu

Ada Perbedaanya Yah.

Kode HTML nya begini

<span style="text-decoration:underline"> Aku sayang kamu </span>

Atau Dengan Penulisan Singkat

<u> Aku sayang kamu </u> Atau <uns> Aku sayang kamu </uns>

lihat yang di beri warna merah itu adalah untuk mengahasilkan text menjadi Bergaris Bawah.
Text Di Coret
Text Di Coret dalam bahasa inggrisnya Streak tapi jika dalam HTML Streakthough, agak nyambung yah.

Text Normal
Aku sayang kamu

Text Streakhough
Aku sayang kamu

Pasti keliatan dong perbedaanya.

Kode HTML nya begini

<span style="text-decoration:line-through"> Aku sayang kamu </span>
Atau Dengan Penulisan Singkat

<strike> Aku sayang kamu </strike>

Menggabungkan HTML Di Atas
Gimana kalau kode HTML di atas ingin di gabungkan ? Bisa.

Text Normal
Aku sayang kamu

Text tebal, miring, garis bawah, dan text dicoret
Aku Sayang Kamu

Kode HTML nya begini

<span style="font-style:italic;text-decoration:line-through;font-weight:bold;text-decoration:underline;"> Aku sayang kamu </span>
Atau Dengan Penulisan Singkat

<i><u><b><strike> Aku sayang kamu </i></u></b></strike>

Nah sudah mengerti, jika kurang mengerti silahkan bertanya di komentar.
Sekian dan semoga bermanfaat dan Salam Blogger Newbie...
Share:

Kelebihan dari Wordpress Widget Text dan Gambar [Design Tempaltes Blogs]

Membangun blog atau website dengan WordPress, kita semua harus setuju bahwa Widget adalah sebuah fasilitas yang sangat kita butuhkan untuk menjadikan blog kita semakin kuat, mempunyai fungsi lebih dan terlihat lebih menarik. Dan di antara semua widget tersebut, salah satu favorit saya adalah Text Widget atau widget teks. Ini juga salah satu widget WordPress yang paling sering digunakan oleh pengguna WordPress.

Baca : Apa dan Kegunaan Widget WordPress?
Text Widget menakjubkan dalam hal fungsi: mendukung HTML, shortcode, komprehensif dan JavaScript, menambahkan teks, audio, video, gambar dan masih banyak lagi. Widget dapat ditempatkan di manapun di situs WordPress Anda selama area tersebut memungkinkan untuk ditaruhi widget.

Dalam artikel tutorial wordpress kali ini, saya akan menunjukkan kepada anda untuk mengetahui semua fungsi utama yang dapat Anda lakukan dengan Widget text.

1. GUNAKAN HTML

Berkat HTML, widget Teks memungkinkan Anda untuk melakukan banyak hal seperti:

TAMBAHKAN AUDIO ATAU VIDEO

Jadi, Anda ingin memiliki audio dan memutar video di situs Anda? Karena widget text mendukung HTML, Anda hanya perlu copy dan paste kode embed dari Audio dan Video dan menyesuaikan kode untuk membuatnya terlihat bagus di situs Anda.

Kunjungi situs-situs seperti Youtube atau SoundCloud
Pilih audio atau video yang ingin Anda tampilkan
Carilah kode embed atau kode iFrame
Copy dan paste ke Text Widget
Sesuaikan dimensi atau ukuran yang anda inginkan
widget text wordpress audioMENAMBAHKAN KATA-KATA ATAU LINKS

Anda dapat membuat pengenalan situs, Informasi tentang kami, menyambut kata-kata / pesan dan seterusnya dengan atau tanpa link dengan menambahkan kalimat langsung ke widget. Dengan bantuan HTML, anda dapat menambahkan efek untuk teks anda seperti ukuran font, warna dan sebagainya.

wordpress-widget-wordlinkTAMBAHKAN IMAGES

Selain video atau audio, anda juga dapat menambahkan gambar ke Text widget. Mirip dengan video dan audio, Anda akan perlu menggunakan HTML untuk menambahkan gambar, jadi jika anda sudah memiliki URL gambar anda, anda tinggal memasukkan url tersebut dengan menambahkan code html untuk menampilkan gambar.

Baca : Cara Tampilkan dan Sembuyikan Widget WordPress
2. GUNAKAN SHORTCODE

Anda dapat menggunakan shortcode untuk widget Text. Shortcode Diperkenalkan pada WordPress 2.5, shortcode berguna dan memungkinkan anda untuk menciptakan konten khusus.

Tentu saja, kita tidak bisa begitu saja menggunakan shortcode untuk widget, karena shortcode bukan default bawaan dari WordPress, tapi tidak ada tetap bisa menggunakanya dengan cara berikut agar widget text bisa mendukungnya:

ADA 2 CARA ANDA DAPAT MELAKUKANNYA:

1. Anda dapat melakukannya secara manual dengan membuka file functions.php theme wordpress yang anda gunakan dan tambahkan code berikut.

?
1
add_filter('widget_text', 'do_shortcode');
Ini hanya memungkinkan Anda untuk menggunakan shortcode untuk Text widget, tidak berlaku untuk widget lain.

2. Anda dapat melakukannya dengan cara lain yaitu menggunakan Plugin

Berikut adalah plugin yang baik yang saya rekomendasikan: shortcode Everywhere.

Instalasi plugin dan shortcode siap untuk digunakan di dalam widget, komentar, expert, kategori, tag dan deskripsi taksonomi.

TAMBAHKAN SHORTCODE TEKS WIDGET

Bagian yang sulit dilakukan, dan sekarang Anda dapat dengan bebas menggunakan shortcode untuk widget Text. Untuk ilustrasi, saya akan menggunakan Galeri shortcode untuk menampilkan galeri menggunakan widget Text:

Upload gambar Anda untuk gallery
Drag dan drop widget Text ke sidebar anda
Masukkan gallery shortcode ke widget Text
Dan lihat hasilnya:

wordpress-widget-gallery-shortcode

3. GUNAKAN JAVASCRIPT

Anda juga bisa menaruh script Javascript kedalam widget text wordpress, anda bisa memasukkan script yang telah anda buat dengan bahasa javascript dan menaruhnya di widget text. itulah beberapa hal hebat yang bisa dilakukan widget kecil dari wordpress yang bernama widget text. 🙂

Baca : Cara Membuat widget Fixed WordPress
Anda Terbantu artikel ini? Silahkan bergabung dengan centerklik di Twitter dan Google+.
Share:

Pnegertian dari sebuah Backlink nofollow dan dofollow serta penerapan pada blog

 Pengertian baclink dofollow dan backlink nofollow- Sebelum mengetahui apa itu baclink dofollow dan backlink nofollow mari pelajari asal mula baclink tersebut. link adalah sebuah kata atau gambar yang didalamnya terdapat kode kode yang akan membuat kata tersebut menjadi sebuah pintu untuk menuju situs lain atau halaman lain. Apabila link tersebut berbentuk kata, biasanya link tersebut berwarna biru dan apabila kursor diarahkan ke kata tersebut maka kursor akan berubah menjadi tangan, serta apabila kata tersebut di klik maka akan membuat jendela halaman baru, itulah yang dinamakan link.  Sedagkan baclink adalah Sebuah link yang berada disuatu situs lain dan apabila link tersebut diklik maka mengarah kesitus yang anda miliki.



Tujuan membangun backlink
Baclink dofollow dan backlink nofollow - Mungkin ini merupakan pertanyaan yang dilontarkan oleh para blogger baru. Membangun backlink di situs lain memang bukan tanpa alasan, mereka yang membangun backlink bertujuan untuk membuat blog mereka menjadi lebih cepat terindeks oleh mesin pencari. Tetapi dalam pembangunan baclink harus berhati hati karena dalam pembangunan baclink harus disertakan dengan pengetahuan anda tentang backlink yang natural dan backlink berkualitas, serta cara aman membangun sebuah backlink.
Baclink terbagi dua macam yaitu backlink dofollow dan baclink nofollow. Kedua backlink ini mempunyai perbedaan fungsi, dan tentunya perbedaan ini memang harus diketahui oleh seorang blogger untuk membuat blog mejadi seo friendly bagi mesin pencari.
Pengetian baclink dofollow
Apabila dilihat dari kata dofollow maka backlink dofollow adalah backlink yang diikuti oleh perayapan google bot. Penulisan kode backlink secara global ditulis <a href='urlbloganda'>text link</a>. Contoh baclink dofollow, Pada saat backlink yang anda miliki diklik oleh salah satu pengguna situs lain maka baclink tersebut akan dianalisa oleh mesin telusur, apakah baclink yang sedang ditelusuri ini adalah dofollow atau nofollow, apabila backlink yang sedang ditelusuri ini backlink dofollow maka mesin telusur akan menghitung backlink tadi sebagai sebuah point bagi situs yang dituju oleh backlink tersebut. Baclink dofollow yang diperoleh oleh situs tadi akan dijumlahkan dengan backlink lain yang telah menuju situs tersebut.
Google membuat suatu konsep untuk menjumlahkan point baclink yang diperoleh oleh suatu situs atau biasanya yang disebut dengan pagerank. Persamaan google menghitung pagerank yaitu dari angka 0 sampai 10. Point baik yang diperoleh suatu situs maka akan membuat situs tersebut semakin tinggi pageranknya, dan pagerank yang tinggi akan membuat suatu situs mempunyai kesempatan lebih besar untuk tampil dihalaman nomer satu.
Pengertian link nofollow
Baclink nofollow merupakan kebalikan dari backlink dofollow, apabila baclink dofollow akan diikuti oleh perayapan google bot dan backlink ini akan dihitung sebagai sebuah point, maka backlink nofollow ini tidak diikuti oleh perayapan google bot serta tidak dihitung sebagai sebuah point untuk situs yang ditujunya. Walaupun backlink nofollow ini tidak dihitung sebagai sebuah point untuk meningkatkan pagerank situs atau blog tetapi baclink nofollow ini dapat membantu meningkatkan traffict suatu situs atau blog.
Penulisan kode backlink nofollow secara umum seperti berikut ini :
<a href='urlbloganda' rel='nofollow'>text link</a>
Dari segi penulisan kode backlink diatas kita dapat membedakan backlink dofollow dengan backlink nofollow. Kode backlink nofollow selalu terdapat atribut rel='nofollow'.
Cara untuk mengetahui backlink nofollow dan dofollow
Melihat link dofollow dan nofollow satu persatu
Cara ini merupakan cara yang sangat mudah karena tidak mengharuskan anda untuk menginstal software, tetapi kelemahan dari cara ini adalah kita mengetahui backlink dengan satu persatu, tidak masalah apabila yang ingin dilihat hanya satu atau dua baclink tetapi akan membutuhkan waktu yang lama apabila backlink yang ingin diketahui jumlahnya banyak. Apabila yang ingin dilihat backlinknya hanya satu maka anda bisa menggunakan cara berikut ini.
Arahkan kursor anda ke link yang ingin anda ketahui, setelah itu klik kanan dan akan muncul beberapa menu, maka dari menu tersebut pilih " lihat kode sumber text yang dipilih" dan anda akan melihat kode link HTML linknya, apabila dalam kode tersebut terdapat atribut rel=dofollow maka dapat dipastikan bahwa link tersebut adalah link dofollow. Tetapi apabila yang terlihat atribut seperti ini rel=nofollow atau rel='external nofollow maka dapat dipastikan bahwa link tersebut adalah link nofollow.
Melihat semua link dofollow dan nofollow
Cara ini menggunakan Mozilla firefox, apabila anda menggunakan firefox maka untuk mengetahui sebuah link apakah dofollow atau nofollow maka anda harus menginstal plugin NODOfollow. NODOfollow ini akan mengetahui sumua macam link hanya dengan satu pencarian saja, tidak seperti cara yang telah saya jelaskan tadi. Setelah anda selesai menginstal NODOfollow maka untuk mengetahui jenis sebuah link caranya seperti berikut ini.
Klik kanan halaman yang terdapat link, setelah itu akan muncul beberapa menu dan dari menu tersebut pilih NODOfollow. Link dofollow akan ditandai dengan kata yang diblog dengan warna biru sedangkan link dofollow akan ditandai dengan kata yang diblog dengan warna merah.
Semoga bermanfaat bagi anda, inilah artikel sederhana tentang pengertian backlink dofollow dan backlink nofollow.
Share:

Rabu, 24 Agustus 2016

Rubrik Seo untuk menulis Blog agar Tidak bosan

Menjalani aktivitas blog alias #blogging bagi seorang yang mencintai dan menyukainya memang akan menjadi hal yang menyenangkan. Dengan beragam aktivitas yang bisa dijalani di dalamnya dari menulis kisah, berkomentar, blogwalking atau berteman dengan sesama blogger tentu akan menciptakan pengalaman sendiri bagi para blogger.

Namun sayangnya tak semua blogger bisa mendapatkan pengalaman yang menyenangkan dan menggembirakan saat menjalankan aktivitas blogging. Hal ini dikarenakan ada kalanya blog yang kita kelola sepi pengunjung hingga menyebabkan kita malas untuk meneruskan atau melanjutkan kegiatan blogging.





Pentingnya Menghadirkan Rubrik Blog yang Banyak Digemari

Banyaknya blog yang bermunculan memang akan membuat pasar (dalam hal ini netizen) akan melakukan penilaian dan seleksi secara tidak langsung. Hasilnya, bagi blog yang disukai netizen, blog tersebut akan selalu ramai dikunjungi, namun jika blog yang dituju kurang menarik, maka blog ini bisa sepi ditinggal pengunjung.

Salah satu sebab yang membuat blog menjadi sepi pengunjung ini adalah rubrik atau kategori dalam blog yang kita kelola tidak memiliki nilai jual pasar. Blog sebagai #media online memang tak akan pernah luput dari perhatian pasar.

Artikel lain: 6 Tips Membuat Konten Blog Yang Ramai Dikunjungi Banyak Visitor

Maka untuk membuat blog menjadi ramai, #blogger juga harus tahu rubrik-rubrik yang paling laku dan disukai oleh pembaca. Tak peduli jenis blog yang Anda pilih apakah itu niche blog atau personal blog, dengan mencantumkan rubrik-rubrik berikut ini maka Anda berpeluang menarik para pembaca.
1. Rubrik Bisnis atau Entrepreneur

Rubrik blog pertama yang paling laku dan disukai pembaca adalah bisnis atau #entrepreneur. Tema binsis memang tema yang selalu menarik dan menggugah siapa saja, tak terkecuali para netizen. Banyaknya orang yang ingin berbinsis, membuat rubrik ini selalu dikejar dan dicari oleh netizen para netizen guna memperoleh informasi yang bisa mereka ambil untuk dipraktekkan.




Maka jika Anda blogger yang memiliki pengalaman atau ketertarikan di bidang bisnis, Anda bisa mulai menghiasi blog Anda dengan rubrik-rubrik yang bertema tentang bisnis dan entrepreneur.
2. Rubrik Traveling/Backpacker

Dunia traveling saat ini memang menjadi sangat seksi untuk semua kalangan. Tak ayal jika peminatnya selalu bertambah setiap tahunnya. Hal ini dibuktikan dengan semakin intens-nya kegiatan traveling oleh para pecintanya.

Di dunia maya, terkhusus blogging, traveling juga menjadi rubrik yang populer yang seringkali dibanjiri para netizen. Untuk Anda yang juga seorang traveling dan menyauki kegiatan outdoor ini, Anda bisa membuat rubrik ini di blog Anda dengan cerita yang jelas dengan dukungan gambar atau #video perjalanan.
3. Rubrik Kuliner

Dalam dunia blog, kini sudah muncul istilah food blogger. Inilah bukti yang menjadikan rubrik kuliner sedang diincar para netizen. Saat membuat rubrik ini, Anda memiliki dua pilihan yaitu membagikan dan memposting konten berisi resep masakan milik sendiri atau mereportase hasil wisata kuliner di beberapa tempat. Kalau mau dua-duanya itu lebih baik.

Dengan keahlian Anda meracik dan mereportase berbagai jenis bahan dan olahan makanan atau minuman ini, maka para para penggemar kuliner yang semakin waktu terus bertambah banyak jumlahnya ini akan membuat blog Anda tak sepi lagi.
4. Rubrik Artwork

Artwork atau gambar seni atau ilustrasi desain adala rubrik blog yang banyak disukai netizen terutama kaum muda. Nilai seni dan kreativitas yang tinggi diduga menjadi sebab mengapa rubrik artwork banyak disukai pengunjung blog. Namun untuk tetap mendapatkan banyak pengunjung, rubrik ini harus selalu diupdate secara rutin dan berkala.

Akan lebih baik jika Anda mampu menyajikan tutorial dan proses atau tahapan pembuatan pada setiap artwork yang akan diposting. Dengan adanya tutorial dan tahapan proses pengerjaan artwork, pengunjung akan semakin suka dan senang.

Baca juga: Cara Mudah Meningkatkan Jumlah Pengunjung Blog / Website
5. Rubrik Fashion

Terakhir, rubrik blog yang juga paling laku dan disukai oleh pembaca adalah #fashion. Dunia fashion yang juga sangat menggeliat juga akan menggiring banyak pembaca menuju sebuah blog yang menyediakan banyak informasi tentangnya. Perkembangan dan pertumbuhan fashion ini seharusnya bisa Anda manfaatkan sedemikian rupa dengan membuat rubrik ini di blog Anda guna menarik banyak pengunjung blog.
Share:

Beberapa manfaat posting artikel di Blog

Dalam #blogging ternyata ada beragam jenis atau kategori konten atau artikel yang bisa menentukan keberlangsungan sebuah blog atau website. Jika Anda adalah bloger yang ingin serius dan sukses menekuni dunia blogger, maka Anda harus memahami jenis-jenis artikel yang ada.

Salah satu jenis pengkategorian artikel yang ada pada sebuah blog adalah artikel berdasarkan pada ketahanan waktunya. Berdasarkan hal ini, artikel atau konten dibedakan lagi menjadi artikel musiman, semi permanen dan permanan (abadi). Layaknya sebuah produk bisnis, konten atau artikel juga memiliki ketahanan waktu ramai dan tidaknya untuk dikunjungi.




Jika Anda ingin blog Anda selalu mendapat kunjungan maka artikel permanen atau abadi adalah pilihan yang tepat. Menulis artikel abadi ini sendiri adalah menulis konten blog yang berisi tulisan yang selalu bermanfaat dalam waktu yang sangat lama hingga tak lekas kadaluarsa oleh waktu. Umumnya konten atau artikel yang abadi ini berisi tips-tips.

Artikel lain: 5 Kegiatan Untuk Mendapatkan Ide Menulis Postingan Blog

Namun tetap saja Anda harus memperhatikan batas waktu yang bisa dilewati oleh konten yang akan diberikan. Terlepas dari teknik menciptakan artikel abadi yang tepat ini, ada setidaknya 5 manfaat penting yang harus Anda ketahui dari jenis artikel abadi tersebut. Berikut penjelasannya.
1. Mendatangkan Pengunjung Baru

Manfaat pertama dari menulis artikel abadi untuk blog adalah mendatangkan pengunjung baru. Menulis artikel abadi memang lebih berpeluang menjaring pengunjung yang baru setiap harinya daripada artikel musiman.

Hal ini dikarenakan artikel abadi umumnya bertipe umum yang akan banyak dibutuhkan oleh banyak kalangan. Maka dari itu jangan ragu untuk membuat artikel yang dengan tema umum yang bisa menjaring semua kalangan untuk bisa memancing mereka berkunjung ke blog Anda hingga menciptakan trafik yang tinggi.





2. Menulis Artikel Abadi Menunjukkan Kualitas Anda

Blog dengan konten atau artikel abadi selain membuat Anda fokus juga akan membuat blog Anda semakin berkualitas. Mengapa demikian? Ini karena blog yang telah banyak dikunjungi tentu akan membuat blog tersebut bernilai di mata #Google. Dan saat Google sebagai mesin pencari terbaik ini memberikan penilaian yang baik, tentu secara tidak langsung blog Anda akan banyak dipercaya netizen sebagai blog yang mumpuni dan berkualitas.

Tentu saja ada syarat yang harus dipenuhi untuk menjadikan blog dengan artikel abadi ini menjadi berkualitas yaitu isi dan uniknya konten.Jika Anda mampu membuat artikel abadi ini unik dan menarik maka blog Anda akan mendapatkan banyak kunjungan dari netizen yang terkategori unik dan sangat disukai oleh Google.

3. Membuat Blog Selalu Hidup

Blogger tak selalu bisa tiap hari dan tiap waktu mampu mengupdate blog. Jika hal ini terjadi kemungkinan besar blog akan mati suri dan bila dibiarkan dalam waktu lama bisa jadi blog akan mati untuk selamanya.

Maka dari itu jika Anda adalah blogger yang tidak memiliki banyak waktu dan kemampuan untuk terus mengupadate blog, Anda bisa memanfaatkan jenis artikel abadi ini untuk menjadikan blog Anda tetap hidup setiap hari. Dengan memiliki banyak artikel abadi berkualitas maka setiap hari blog akan selalu ada yang mengunjungi, meskipun admin blog tersebut sedang vakum.

Admin blog hanya cukup menulis sekali, namun menulis artikel abadi yang bersifat tahan lama ini akan dibaca terus menerus dan membuat blog selalu hidup, bahkan mungkin seandainya pemiliknya meninggal dunia.

4. Membantu Orang Lain

Blog bukan lagi sebuah media curhat seseorang. Saat ini blog telah banyak dimanfaatkan oleh seseorang untuk menghadirkan beragam informasi yang bermanfaat bagi banyak orang. Saat ini netizen yang acapkali memanfaatkan #mesin pencari seperti Google untuk mencari informasi akan membuat blog Anda diakses netizen yang membutuhkan data dan informasi dari blog Anda.

Jika Anda rajin menulis artikel abadi ini maka netizen akan dimudahkan untuk mendapat jawaban, solusi, inspirasi, pelajaran, pengalaman, pengetahuan, hiburan dan berbagai hal positif lainnya dari tulisan-tulisan di blog kita.  Itu artinya secara tidak langsung kita sudah membantu mereka.

Baca juga: Mencermati 5 Kata Yang Kerap Salah Tulis Dalam Konten Blog

5. Sebagai Catatan Pribadi dan Portofolio

Terakhir, manfaat dari menulis artikel abadi untuk sebuah blog adalah untuk membuat catatan pribadi dan portofolio. Saat ini blogger memang berpeluang besar menjadi sebuah profesi yang menjanjikan. Maka jika Anda rajin memposting artikel abadi dengan tema yang spesifik dengan profesional, maka artikel tersebut bisa menjadi portofolio Anda untuk bisa mengangkat Anda menjadi blogger yang lebih profesional.
Share:

BTemplates.com