Category

Modifikasi Tampilan Statistik Bawaan Pada Blog

Kesempatan ini saya ingin berbagi cara Merubah Tampilan Statistik Pada Blog Sebenarnya kita hanya memodifikasi Statistiknya Agar lebih cantik dan berbeda pada Blog lainnya yang Statistiknya masih Bawaan Blogger tampilannya atau Demo nya kamu bisa lihat Pada Blog ini Statistiknya Yuk Bagi kamu yang ingin merubah Statistiknya diblog kamu ikuti langkah-langkahnya dibawah ini:
Fitur Statistiknya
  • Menampilkan Jumlah postingan
  • Menampilkan Jumlah Komentar
  • Menampilkan Total Tayang Laman 
Cara pemasangannya:
  1. Silahkan Login Blogger.com
  2. Pada dasbor pilih menu Tata Letak
  3. Tambah Gadget --> Pilih widget Statistik blog
    Modifikasi Tampilan Statistik Bawaan Pada Blog
  4.  Lalu Simpan
  5. Sekarang masuk menu Template --> Pilih edit HTML
  6. Lalu Cari Kode ]]></b:skin>
  7. Letakkan kode dibawah tepat diatas kode]]></b:skin>
    #Stats1 ul{margin:0px 0;border:0;padding:0}
    #Stats1 li{display:inline;width:28%;margin:0;border:0;background-color:#fff;background:transparent;color:#333;float:left;padding:5px 7px;text-decoration:none;text-shadow:none;margin:0 1px 1px 0;font-size:12px;list-style-type:none}
    #Stats1 h4{margin:0;font-size:22px;line-height:1.2em;color:#666;text-shadow:none}
    #Stats1 span{font-size:12px;color:#333;text-shadow:none}
    #totalComments{background-position:0 -68px}
    #totalCount{background-position:0 -136px}
  8. Lalu Cari mirip Kode <b:widget id='Stats1' locked='false' title='Judul Statistik' type='Stats'/>
  9. Lalu Ganti Kode di atas dengan Kode
        <b:widget id='Stats1' locked='false' title='Judul Statistik' type='Stats'><b:includable id='main'>
    <b:if cond='data:title'><h2><data:title/></h2></b:if>
    <div class='widget-content'>
    <ul>
    <li>
    <h4 id='Stats1_totalPosts'>&amp;hellip;</h4>
    <span>Posts</span>
    </li>
    <li id='totalComments'>
    <h4 id='Stats1_totalComments'>&amp;hellip;</h4>
    <span>Comments</span>
    </li>
    <li id='totalCount'>
    <h4 expr:id='data:widget.instanceId + &quot;_totalCount&quot;'>&amp;hellip;</h4>
    <span>Pageviews</span>
    </li>
    </ul>
    <script type='text/javascript'>
    //<![CDATA[
    function totalPosts(json){document.getElementById('Stats1_totalPosts').innerHTML=json.feed.openSearch$totalResults.$t};function totalComments(json){document.getElementById('Stats1_totalComments').innerHTML=json.feed.openSearch$totalResults.$t};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalPosts\"><\/script><script type=\"text/javascript\" src=\"/feeds/comments/default?alt=json-in-script&max-results=0&callback=totalComments\"><\/script>');
    //]]>
    </script>
    </div>
    </b:includable>
    </b:widget>
  10. Langkah Terakhir Simpan
Gimana Mudah bukan Cara  Modifikasi Tampilan Statistik Bawaan Pada Blog Bila kurang mengerti bisa langsung tinggalkan Komentarnya

Memasang Syntax Highlighter Dipostingan blog

Memasang Syntax Highlighter Dipostingan blog
Apa itu Syntax Highlighter adalah buat menyisipkan Kode Dipostingan Blog Sehingga menjadi lebih bagus Tampilannya dan berwarna, Syntax Highlighter ini sudah saya terapkan diblog saya ini Bila ingin lihat Tampilannya ya lihat Aja dibawah ini tampilannya dan bagi yang ingin memasangnya juga diblog anda bisa ikuti tutorial ini
Memasang Syntax Highlighter Diblog
  1. Silahkan Login Ke Blogger.com
  2. setelah masuk di Homepage blogger Buka Template >> Edit HTML
  3. Lalu Letakkan kode dibawah tepat diatas kode]]></b:skin>
    /* CSS Syntax Highlighter */
    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: 'Double click untuk Menyeleksi Semua';
    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,'
    Andale Mono','Courier New',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: #C2C2C2;
    }

    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: #DA382B;
    }

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

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

    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: #0C8CAE;
    }

    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: 'Code';
    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 > code {
    position: relative;
    border-left: 1px solid #5F5F5F;
    padding-left: 9px;
    }

    .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 > span {
    pointer-events: none;
    display: block;
    counter-increment: linenumber;
    }

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

    pre[data-codetype='CSSku']:before {
    background-color: #00a1d6;
    }

    pre[data-codetype='HTMLku']:before {
    background-color: #3cc888;
    }

    pre[data-codetype='JavaScriptku']:before {
    background-color: #75d6d0;
    }

    pre[data-codetype='JQueryku']:before {
    background-color: #e5b460;
    }
    pre code{display:block}=
    pre .comment,pre .template_comment,pre .diff .header,pre .doctype,pre .pi,pre .lisp .string,pre .javadoc{color:#2DCFF2;font-style:italic}
    pre .keyword,pre .winutils,pre .method,pre .addition,pre .css .tag,pre .request,pre .status,pre .nginx .title{color:#E6D90C}
    pre .number,pre .command,pre .string,pre .tag .value,pre .rules .value,pre .phpdoc,pre .tex .formula,pre .regexp,pre .hexcolor{color:#EB4F4F}
    pre .title,pre .localvars,pre .chunk,pre .decorator,pre .built_in,pre .identifier,pre .vhdl .literal,pre .id,pre .css .function{color:#03C425}
    pre .attribute,pre .variable,pre .lisp .body,pre .smalltalk .number,pre .constant,pre .class .title,pre .parent,pre .haskell .type{color:#1B6FC3}
    pre .preprocessor,pre .preprocessor .keyword,pre .shebang,pre .symbol,pre .symbol .string,pre .diff .change,pre .special,pre .attr_selector,pre .important,pre .subst,pre .cdata,pre .clojure .title,pre .css .pseudo{color:#D94CEA}
    pre .deletion{color:#dc322f}
    pre .tex .formula{background:#073642}
    .comments pre {padding:10px 10px 15px 10px;background:#333;}
    .comments pre::before {content:'Code';font-size:13px;position:relative;top:0;
    background-color:#e25633;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 code {color:#eee;}
  4. Kemudian cari kode </head>, dan letakkan kode dibawah tepat diatasnya
    <script src='https://sites.google.com/site/fansublogger/javascript/SyntaxHighlighterbyFansublogger.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>
    <script src='http://bloggertut.googlecode.com/svn/trunk/js/highlight.pack.js'/>
    <script>
    hljs.initHighlightingOnLoad();
    </script>
  5. Terakhir Simpan Template
Cara Menerapkan Syntax Highlighter
    Untuk HTML:
    <pre data-codetype="HTMLku" title="HTML"><code class="leangue-markup">Kode Disini</code></pre>
    Untuk CSS:
    <pre data-codetype="CSSku" title="CSS"><code class="css-markup">Kode Disini</code></pre>
    Untuk JavaScript:
    <pre data-codetype="JavaScriptku" title="JavaScript"><code class="javascript-markup">Kode Disini</code></pre>
    Untuk jQuery:
    <pre data-codetype="jQueryku" title="jQuery"><code class="javascript-markup">Kode Disini</code></pre>

    Sekian Tutorial Memasang Syntax Highlighter Dipostingan blog Kali ini.Jika ada kesulitan silahkan tanyakan melalui kotak komentar dibawah

    Memasang Emoticon Facebook Diblog

    Siapa sih yang tidak kenal Sosial Media (Sosmed) satu ini Yappss Facebook, Facebook kini Telah Menciptakan Fitur Barunya Yaitu Sticker, Sticker di facebook berukuran BESAR, tapi Blogger gak mau kalah nih, Blogger pun menciptakan emoticon yang sama persis seperti facebook tapi berukuran kecil. Penasaran ?? Anda harus sedikit mengutak-atik HTML Anda Sendiri, Oke, langsung saja ini Tipsnya.
    1. silahkan Login blogger.com
    2. Masuk bagian Edit HTML
    3. Cari Kode </body>
    4. Simpan kode berikut ini di atas kode </body>
      <style type='text/css'>
      .emoWrap {
      position:relative;
      padding:10px;
      margin-bottom:7px;
      border:2px solid #00a3ef;
      color:black;
      font:bold 12px Tahoma,Arial,Sans-Serif;
      text-align:center;
      background-color:#FFF;
      background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #00A3EF 100%);
      background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #00A3EF 100%);
      background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #00A3EF 100%);
      background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #00A3EF));
      background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #00A3EF 100%);
      background-image: linear-gradient(to top, #FFFFFF 0%, #00A3EF 100%);
      -moz-border-radius:5px;
      -webkit-border-radius:5px;
      border-radius:5px;
      }
      .emoWrap:after {
      content:"";
      position:absolute;
      bottom:-10px;
      left:10px;
      border-top:10px solid #00a3ef;
      border-right:20px solid transparent;
      width:0;
      height:0;
      line-height:0;
      }
      img.emo, input.emoKey {
      display:inline-block; /* Penting! */
      *display:inline;
      vertical-align:middle;
      }
      input.emoKey {
      border:1px solid #ccc;
      background-color:white;
      font:bold 11px Arial,Sans-Serif;
      padding:1px 2px;
      margin:0px 0px 0px 2px;
      color:black;
      }
      </style>
      <script type='text/javascript'>
      //<![CDATA[
      var emoRange = "#comments p, div.emoWrap",
      putEmoAbove = "#comment-editor",
      emoMessage = false;
      //]]>
      </script>
      <script src='http://yourjavascript.com/7151170322/emot-fb-deddia.js' type='text/javascript'></script>
    5.  Langkah terakhir Simpan Template
    Jika Emoticon tidak muncul update Jquery, cari kode </head>, copy code dibawah ini lalu letakan di atas </head>
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'></script>
    Sekian Semoga Tips Blog ini yang berjudul Memasang Emoticon Facebook Diblog, Bermanfaat untuk mempercantik Blog kamu Selamat Mencoba

    6 Hal yang harus selalu di perhatikan seorang Blogger didunia Nyata

    Kenapa saya pilih judul tersebut? Alasannya karena saya peduli dengan anda seorang blogger, kita mengenal blog dan menurut survey yang saya baca di blog lain yaitu jadikan blog sebagai pekerjaan bukan sebagai hobby, sudah jelas banyak orang termasuk saya juga pernah berfikiran kalau blog itu hobby, ubahlah anggapan anda. Ya emang sih, ngeblog itu menyenangkan selain bisa melatih daya kreativitas Dalam menulis artikel tentunya masih banyak manfaat lain yang bisa kita raih pada saat kita ngeblog. Dan ngeblog itu boleh boleh saja, asal tidak berlebihan dan menjadikan kita jauh dari dunia nyata.

    Berikut: 6 Hal yang harus selalu di perhatikan seorang Blogger didunia Nyata..
    1. Olahraga
      Olahraga
      Dengan olahraga kita menjadi lebih sehat, percuma saja kalau kita ngeblog dan melupakan olahraga justru membuat kita sakit, dan lain-lain. Secara umum, olahraga dijadikan seseorang suatu bentuk aktivitas fisik yang terencana dan terstruktur yang melibatkan gerakan tubuh berulang-ulang dan ditujukan untuk meningkatkan kebugaran jasmani. Bahkan bukan itu saja, olahraga dapat membantu bagi kalian yang masih dalam masa pertumbuhan, sayang sekali kan kalo badan kita kecil akibat jarang olahraga, hehehe. So, masihkan melewatkan olahraga bagi anda para blogger?
    2. Bergaul
      Bergaul
      Bergaul dengan sesama manusia terkadang bisa menjadi sebuah tolak ukur sejauh mana kita dapat bersosialisasi dan bertukar pendapat, berbeda dengan orang yang suka menyendiri pada akhirnya kurang mampu untuk bergaul. Pastikan anda sehari bertemu dengan setidaknya 5 orang tidak kurang, karena dapat membantu anda dalam hal berkomunikasi. Khususnya bagi anda para blogger tentunya jangan melewatkan hal ini.
    3. Pola Makan
      Pola Makan
      Point yang satu ini harus sangat diperhatikan, karena berpengaruh pada kondisi fisik. Bagi para blogger sangat disarankan menjaga pola makan secara teratur. Sebagian dari kita jikalau sudah fokus di depan layar komputer atau laptop biasanya tidak peduli dengan pola makan, cara seperti itu salah dan setidaknya cemilan menemani anda disaat ngeblog.
    4. Tidur yang Cukup
      Tidur Yang Cukup
      Naahh, yang satu ini juga harus diperhatikan nih sobat blogger, tidur yang cukup akan menghasilkan kondisi fisik anda lebih siap untuk menjalani hidup sehari-hari. Dengan tidur cukup juga akan membantu anda lebih fresh dalam urusan blogging.
    5. Belajar
      Belajar
      Bagi anda yang masih pelajar jangan terlalu fokus pada blog, ingat itu. Kesempatan dalam meraih cita-cita sangatlah besar dan perjalanan masih panjang sebaiknya anda memanfaatkan waktu dengan sebaik-baiknya ada kalanya blogging dan ada kalanya juga belajar serta jangan pernah belajar sambil blogging yah sobat blogger supaya lebih fokus.
    6. Traveling
      Traveling
      Melakukan liburan perjalanan wisata ternyata bisa membangkitkan rasa kebahagiaan dan semangat, menghilangkan rasa kejenuhan dan bosan. Banyak kalangan blogger yang tak lupa melakukan kegiatan semacam ini karena melakukan traveling akan mendapatkan pengalaman yang indah serta ajak teman atau keluarga untuk berwisata dan traveling. Dengan mengajak teman atau keluarga tentu rasa nyaman dan kehangatan akan datang.
    Sekian 6 Hal yang harus selalu di perhatikan seorang Blogger didunia Nyata, Semoga Tips Ngeblog ini tetap selalu bermanfaat bagi anda.

    Cara Artikel Blog Cepat Terindex Oleh search GooGle Dengan mudah

    Banyak pengguna Blog masih bingung gimana sih cara mendapatkan banyak pengunjung diblog kita, pasti selalu itu yang ada benak di hati para blogger..!!, Tentunya siapa yang ga mau sih kalau Artikel kita cepat ter index oleh semua Search Engine, apalagi Halaman pertama, mungkin dari anda Tertarik untuk membacanya, silahkan baca dibawah Tips Agar Artikel Blog kita cepat Terindex Oleh Google.
    1. Submit Link Artikel Ke Google
      Proses ini membantu kita agar Artikel Cepat Terindex Google, kita hanya perlu mengirimkan Url Blog postingan terbaru ataupun postingan url blog lama anda  silahkan kirim ke Search Console
    2. Submit BLog ke Auto Submit
      yang satu ini mungkin dari Anda tidak percaya, karena banyak yang menganggap ini hanyalah sebuah miniatur atau mainan semata jadi buang waktu saja. Namun pada kenyatannya ini yang saya lakukan pada blog saya ini. Saya Rutin melakukan submit bersekala pada blog saya ke situs Submitter. Situs yang menjadi langganan saya antara lain:
    3. Daftarkan Blog ke Google Webmaster
      Nah ini yang paling penting Blog Kamu harus di daftarkan ke Google Webmaster kegunaan ini tidak jauh beda dengan nomor satu bedanya disini Blog kamu harus ter-verifikasi Atau sudah terdaftar kepemilikan Blog Kamu langsung saja Daftarkan segera blog kamu Ke Google Webmaster
    4. Bagikan Artikel Blog ke Sosmed (Sosial Media)
      Mungkin cara ini kurang Efektif. namun usaha seperti ini ada juga hasilnya. Mala besar kemungkinan nantinnya Blog kita dapat Populer karena salah satu cara ini. kita cukup membagikan Artikel Blog kita ke Sosmed yang kita punya.
    Jika kita sudah menerapkan Point-point yang saya jelaskan diatas maka besar kemungkinan Blog anda akan cepat terindex oleh Google. Jika ada kesulitan silahkan tinggalkan komentar Anda dibawah Sekian dan terima kasih.

    Cara Membuat Akun Google dengan mudah

    Email atau Electronic mail Yaitu alamat surat kita pada internet, kita bisa mengirim surat dan menerima surat dari siapapun dan instansi manapun.

    Kenapa kita harus mempunyai Email?

    Saat ini Email sudah seperti kebutuhan saat ini, karena sekarang proses surat-menyurat tidak dilakukan dengan Media cetak (Kertas) lagi tapi sudah beralih kepada Email, dalam dunia kerja pun kita sekarang juga harus mempunyai Email, untuk menerima surat dari instansi terkait.

    Dalam membuat Sosmed (Sosial Media) seperti Facebook, twitter Dll, kita juga harus mempunyai Email, Email seperti hal yang wajib kalau kita beraktifitas didunia maya, pada toko online pun setiap kita membeli barang yang di inginkan pasti memerlukan pendaftaran melalui Email dahulu.

    Jadi inti fungsi dari Email Ialah sebagai alat komunikasi digital antara kita dengan orang lain ataupun instansi terkait, Email juga bisa menjadi Identitas diri kita pada dunia maya. Buat Email tidak di pungut biaya Alias Gratis, Banyak sekali Media penyedia layanan Email saat ini, Yang paling Populer saat ini adalah Gmail Dan Yahoo. bila anda ingin membuat Email silahkan ikuti langkah-langkah dibawah ini.

    Cara Membuat Akun Google dengan mudah

    1. buka Halaman Gmail
    2. pada Halamn Homepage, pilih Create an account.
    3. Pada halaman berikutnya silahkan anda masukan data yang diminta pihak google, pada kolom Choose your username adalah tampilan Email Anda setelah dibuat. Sebaiknya jangan lupa Centang Verifikasi pada Handphone, karena supaya Email kita Aman karena adanya Verifikasi dari Handphone kita tersebut.

    4. pada tahap selanjutnya kita akan diminta Verifikasi, Apabila anda melakukan centang tidak pakai Verifikasi HP, Saya sarankan pilih saja dalam Bentuk SMS, pastikan nomor HP yang dituju benar nomor anda.
    5. Pada tahap selanjutnya akan muncul halaman memasukan Code Verifikasi yang dikirim Ke nomor Anda
    6. pada halaman selanjutnya, Akan ada pemberitahukan Bahwa Akun Gmail telah selesai Dibuat anda bisa langsung mengubah foto atau lanjutkan dulu.
    7. Selamat Akun Email Anda sudah bisa dipakai.
    Gimana mudahkan Cara Membuat Akun Email Google Keuntungan membuat Akun Google ini kita sudah bisa memakai Hak penuh dengan layanan Google Seperti Youtube, Blogger, Playstore (Untuk Pengguna Android), Google Drive, G+ Dan Masih banyak Lagi dengan Akun Google ini anda bisa mencari Pundi-pundi Dollar dengan menjadi Mitra Youtube atau menjadi Publisher Google Adsense Atau para Blogger biasa menyebutnya "GA" lumayankan satu akun bisa All in One Hehehe..

    Memasang Efek Salju Berjatuhan Diblog

    Tidak terasa sudah mendekati hari Natal Dan tahun baru 2016, bila kamu seorang blogger pasti ingin merayakan hari Natal dan tahun baru ini di blog kamu kan.?? Sebenarnya ini bisa juga untuk menghiasi tampilan blog kamu.

    Sebelum kita masuk ke intinya, terlebih dahulu saya ingatkan pada anda  bahwa efek, animasi dan widget - widget serupa akan menambah beban loading blog anda, jadi mohon di perhitungkan sebelum anda memasang efek ini.

    Cara Memasang Efek Salju Berjatuhan Diblog

    1. silahkan Login blogger.com
    2. Masuk bagian Edit HTML
    3. Cari Kode </head>
    4. lalu masukan script dibawah ini dan letakan di bawah kode </head>
      <script src='https://sites.google.com/site/hendblogku/file-koleksi/efek-salju.js?attredirects=0&d=1'/>



  1. langkah terakhir Simpan Template

  2. Saya rasa cara ini mudah di pahami tentang Memasang Efek Salju Berjatuhan Diblog bila anda masih bingung silahkan tinggalkan komentarnya ya sekian dan terima kasih sudah membaca artikel ini.

    Trik membuka Gembok Game Merendam Melarikan Diri Part2

    Trik membuka Gembok Game Merendam Melarikan Diri Part2
    Sebelum saya melanjutkan postingan ini saya hanya memberi saran, bila kamu tidak suka dengan game Teka-Teki sebaiknya jangan memainkan Game ini bisa-bisa kamu stres sendiri karena tidak bisa memecahkannya so hentikan saja Ya kamu mainkan Game ini jangan seperti Bocah ini dia memaki-maki pembuatan game, apa mungkin dia kebiasaan bermain Game pake Cheat jadi pas dia bermain game teka-teki ini jadi frustasi karena tidak ada cheatnya :p ini dia ScreenShot Bocah yang tak tau diri.
    Ok kita lanjutkan ke Topik tentang game ini ya game part2 ini saya mainkan tidak terlalu rumit kamu hanya harus memecahkan teka-teki huruf magnet yang berada Di ruang Infomation silahkan cari huruf dan angka seperti Gambar dibawah ini
    ingat huruf atau angkah seperti gambar diatas akan berbeda-beda bila kamu belum tau cara memecahkan kode sperti gambar diatas silahkan tinggalkan komentar dibawah

    Gimana mudahkan Yuk kita lihat hasil Video saya yang sudah saya upload ini
    Memasang Kode Anti Komentar Spam di Blog

    Memasang Kode Anti Komentar Spam di Blog

    Blog siapa sih yang ingin blog kesayangannya dispam..?? pasti tidak ingin kan blog kesayangan kita penuh dengan komentar-komentar spam terus gimana ya caranya meminalisir komentar spam?? ya sebenarnya sih gampang kamu tinggal aktifkan moderasi komentar jadi kamu bisa saring komentar-komentar yang masuk.

    tapi cara itu mustahil bagi blognya yang sudah lama dibuat pasti banyak yang sudah masuk komentar-komentar terdahulu, terus gimana caranya Dong..?? sangat mudah ya kamu harus menghapusnya secara manual yang sudah masuk wahh.. pasti ribet ya harus satu per satu menghapus komentar spam...

    tenang bila kamu memasang kode ini komentar yang menanamkan link aktif akan di kill atau komentar link aktif otomatis tidak akan muncul langsung saja ya bagi anda yang ingin Memasang Kode Anti Komentar Spam di Blog.

    Cara Memasang Kode Anti Komentar Spam di Blog

    1. silahkan Login blogger.com
    2. Masuk bagian Edit HTML
    3. Cari Kode ]]></b:skin>
    4. lalu masukan script dibawah ini dan letakan di atas kode ]]></b:skin>
      #comments p a {display:none;}
    5. Simpan kode berikut ini di atas kode </head>
      <script type='text/javascript'>
      jQuery(document).ready(function(){
      jQuery("#comments p").find("a").replaceWith("<mark>Spam Detected!</mark> Link aktif otomatis terhapus!!!");
      });
      </script>
    6. Pastikan di template Anda ada kode jQuery seperti ini:
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
      <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
    7. bila langkah #6 tersebut belum terpasang silahkan pasang kode jQuery terbaru itu di atas kode </head>
    8. langkah terakhir Simpan Template
    Demikian Cara Memasang Kode Anti Komentar Spam di Blog semoga komentar SPAM yang masuk diblog anda bisa di saring dengan baik.
    memasang script anti copas diblog agar blog tidak bisa di block

    memasang script anti copas diblog agar blog tidak bisa di block

    Blog siapa sih yang ingin Artikel dicopas pasti merasa marah ya kan apa lagi artikel yang kita buat hasil ketikan kita sendiri waahh... marahnya tidak karuan dong.. nah sebelum melanjutkan inti pemasangan anda harus tau Keuntungan dan kerugiannya agar tidak menyesal di kemudian hari, 

    Keuntungannya memakai Srcipt ini adalah untuk meminimalisir copy paste, Bagi blogger yang paham etika copy paste, itu tidak masalah. karna, ia akan memberikan link dari mana tulisan itu bersumber. Namun, banyak sebagian Blogger pemula yang copy paste dari blog lain ke blognya sendiri tanpa memberikan link ke blog asal. Selain itu, ia mengaku bahwa tulisan tersebut karya sendiri. kalo gitu namanya sudah masuk Plagiat hak cipta hasil tulisan orang lain.

    Namun ada keuntungannya, pasti pula ada kerugiannya. apa sih itu kerugian memasang anti copas ini. Kerugian yang kita alami blog kita jadi dibenci pembaca, termasuk juga salah satunya para blogger copas. Pembaca yang benar-benar membutuhkan artikel kita, tetapi tidak bisa diblok untuk kemudian disalin ke word, akan merasa sia-sia masuk ke blog kita dan menemukan artikel yang dia cari. Tetapi, mereka tidak bisa mengambilnya. Kasian banget kan ?

    nah itu Keuntungan dan kerugian memasang script anti copas ini tinggal anda pilih apa bila Blog anda ingin di benci ya anda baca aja seterusnya bila tidak ingin lebih baik berhenti baca artikel ini dehh.. sekarang saya kembalikan kepada anda.

    Cara memasang anti Copas Protect artikel Blog

    1. login ke Blogger.com
    2. Masuk bagian Edit HTML
    3. Cari Kode ]]></b:skin>
    4. lalu masukan script dibawah ini dan letakan di atas kode ]]></b:skin>
      .post-body {
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -o-user-select: none;
      }
    5.  Langkah terakhir simpan Template
    gimana sangat mudah bukan cara memasang script anti copas diblog agar blog tidak bisa di block ingat saya ulangi lagi keuntungan dan kerugian anda sendiri yang memegang kendali blog sekian semoga bermanfaat..

      Cara Memasang Sitemap Responsive Otomatis diblogger

      Apa Itu Sitemap?
      Bagi kamu yang belum tau apa itu Sitemap adalah daftar isi pada suatu blog, seperti halnya sebuah buku, blog kamu juga bisa memiliki daftar isi. Semua artikel yang pernah kita tulis atau yang pernah kita terbitkan artikel diblog akan muncul di Sitemap yang kita buat untuk memudahkan pengunjung mencari.

      Apa Fungsi Sitemap?
      sudah saya jelaskan diatas Sitemap Tidak berbeda dengan daftar isi, fungsi Sitemap adalah untuk memudahkan pengunjung mencari sesuatu artikel yang mereka perlukan di blog kita.

      Bagaimana Cara Membuat Sitemap?
      Caranya sangat mudah, kita cukup memasukan Script di Laman kita
      1. Login ke blogger.com
      2. Pada menu "Laman" klik "Laman baru"
      3. Ubah settingan dari "Compose" menjadi "HTML" (terletak di bagian kiri atas)
      4. Masukkan Script dibawah ini pada laman yang anda buat tadi.
        <style>
        #tocTable {
          text-transform: capitalize;
          font-family: monospace;
          border-collapse:collapse;
          text-align:left;
          margin:0 0 5px;
        }
        #tocTable th,
        #tocTable td {
          border:1px solid #eee;
          padding:10px 15px;
          color: darkgrey;
        }
        #tocTable th {
          background-color:darkgray;
          font-weight:bold;
          color:white;
        }
        #th-1 {
          width:60%;
          background-color:#5A930D;
        }
        #th-2 {width:15%},#th-3 {width:25%}
        #tocTable td.toc-header-col-1,
        #tocTable td.toc-header-col-2 {
          padding:0 !important;
          background-color:transparent;
        }
        #tocTable a {
          display:block;
          text-decoration:none;
          padding:10px 15px;
          background:none;
        }
        #tocTable td.toc-header-col-1:hover,
        #tocTable td.toc-header-col-2:hover {
          background-color:#fafafa;
        }
        #tocSort {
          display:block;
          width:220px;
          color:#333;
          cursor:pointer;
          border:none;
          outline:none;
          background-color:#eee;
          margin:0 0 2px 0;
          padding:5px;
        }
        </style>
        <script>
        var theTotalPosts  = 9999, // Tentukan jumlah maksimal posting
            theOptions     = "Sortir...",                // Label opsi 1
            theSortPosts   = "Sortir berdasarkan Abjad", // Label opsi 2
            theSortLabels  = "Sortir berdasarkan Label", // Label opsi 3
            theTitles      = "Artikel",  // Header tabel 1
            theLabels      = "Kategori",  // Header tabel 2
            theDates       = "Publikasi",   // Header tabel 3
            theBlankLabels = "Tak Berlabel",   // Label kosong
            theSiteUrl     = "http://hendblogku.blogspot.com/"; // URL blog kamu
        </script>
        <script src="https://sites.google.com/site/hendblogku/file-koleksi/Sitemap%20Responsive.js"></script>
      Ubah URL http://hendblogku.blogspot.com/ dengan URL blog anda


    1. Klik "Publikasikan"

    2. itulah  Cara Memasang Sitemap Responsive Otomatis diblogger keunggulan Sitemap ini akan Secara otomatis akan mengikuti besar kecil postingan kita.

        Trik membuka Gembok Game Merendam Melarikan Diri Part1

        image
        Game Merendam Melarikan Diri menurut Saya Game ini sangat menantang dan setiap tahap mempunyai kerumitan tersendiri salah satunya kamu harus mengetahui cara membuka gembok tersebut, Bagi anda yang suka Game general Teka-Teki tidak salahnya anda memainkan Game ini bagi anda ingin memainkannya di Android kesayangan anda bisa langsung Download Disini

        Kenapa artikel ini Saya Buat sampai Part Ya menurut saya Game ini lumayan panjang Dan keunikan dalam Game ini Setiap Malem Jum'at pihak Developer akan melakukan Update Gamenya Wahh.. makin seru aja nih bila setiap malem jum'at melakukan Update pada game mungkin agar terlihat makin horror ya hehehehe...
        Ingat bagi kamu yang merasa Lemah atau ada penyakit jantung Dilarang memainkan Game ini bisa-bisa HP kesayangan Kamu akan hancur karena kamu banting hehehe..
        kamu bisa langsung lihat Video  cuplikan yang saya buat ini dari HP saya


        Trik membuka Gembok Game Merendam Melarikan Diri Tahap Pertama ini:
        Trik tahap Pertama ini Teka-Tekinya yang harus kamu pecahkan ada nomor di dinding Rumah Sakit tersebut pasti kamu bisa tahap ini
        Bila belum tau juga kamu bisa langsung tinggalkan komentar dibawah nanti Saya Akan bantu cara memecahkannya sekian dulu artikel tentang Trik membuka Gembok Game Merendam Melarikan Diri Part1 ini mudahan Kamu sudah tau Trik Game tahap pertama ini tunggu saja kelanjutan artikel part 2 saya