News Ticker

Latest Posts

Cara Membuat Tools Parse HTML di Halaman Blogger

- Monday, April 23, 2018 2 Comments
Cara Membuat Tools Parse HTML di Halaman Blogger

Assalamualaikum Wr.Wb
Parse HTML dalam dunia Blogger adalah mengubah kode kode atau tanda-tanda tertentu menjadi kode entitas atau kode unik

Kenpa harus kita Parse?
Karena dengan Memparse HTML blog kita menjadi lebih seo friendly dan Valid Doctype HTML atau Html v5

Kali ini saya akan memberikan sebuah tutorial, yaitu Cara Membuat Tools Parse HTML di halaman Blogger

Membuat Tools ini sangatlah mudah
Kalian harus mengikuti 2 langkah saja sudah cukup

Baiklah saya akan memberikan tutorialnya

Cara Membuat Tools Parse Html di Halaman Blogger

1. Masuk ke Blogger kalian masing-masing dan buat Halaman baru

2. Pada bagian Compose atau HTML pilih HTML. Kemudian copy kode di bawah ini
<script type="text/javascript">
function convert(){var ele1 = document.getElementById("somewhere");var replaced;replaced = ele1.value;replaced = replaced.replace(/&/ig, "&amp;");replaced = replaced.replace(/</ig, "&lt;");replaced = replaced.replace(/>/ig, "&gt;");replaced = replaced.replace(/"/ig, "&quot;");replaced = replaced.replace(/&#177;/ig, "&plusmn;");replaced = replaced.replace(/&#169;/ig, "&copy;");replaced = replaced.replace(/&#174;/ig, "&reg;");replaced = replaced.replace(/ya'll/ig, "ya'll");ele1.value = replaced;}
</script><br />
<table style="margin: 0 auto;"><tbody>
<tr> <td><textarea id="somewhere" style="background: none repeat scroll 0% 0% rgb(248, 248, 248); border: 1px solid rgb(204, 204, 204); height: 300px; width: 550px;"></textarea><br />
<input onclick="convert();" style="padding: 5px;" type="button" value="Parse Script" /></td> </tr>
</tbody></table>

3. Kemudian publikasikan, dan lihat tools parse kalian

Sedikit demo Tools Parse yg telah saya buat
https://usagiexploit.blogspot.co.id/p/parsehtml.html
Tampilan Tools Parse HTML



Cara Memasang kode Parse ke dalam Blogger, lebih enak menggunakan Syntax Highlighter Menurut saya

Untuk membaca tentang Systax Highlihter bisa kunjungi link atau tautan di bawah ini
Cara Membuat Syntax Highlighter Otomatis di Blogger
Mungkin hanya itu yang bisa saya sampaikan mengenai Cara Membuat Tools Parse HTML di Halaman Blogger
Jika masih belum jelas, silakan komentar di bawah ini

Sekian dan Terimakasih
Jika kalian menyukai postingan ini, silakan bagikan kepada teman kalian
Wassalamualaikum Wr.Wb

Cara Membuat Syntax Highlighter Otomatis di Blogger

- Sunday, April 22, 2018 1 Comment
Cara Membuat Syntax Highlighter Otomatis di Blogger

Assalamualaikum Wr.Wb
Syntax Highlighter adalah salah satu script yang dapat membuat kode menjadi warna warni. Kode warna warni tersebut bisa kita lihat pada konten yg kebanyakan, konten tutorial

Baiklah saya akan langsung memberikan tutorial ini secara gratis

Tutorial Syntax Highlihter kali ini sangat berbeda dari yang lain, dikarenakan Syntax yang saya buat ini tidak menggunakan Javascript

Sebelum mencoba tutorial ini, Berdoa dulu gan biar work

Langsung saja kita mulai

Cara Membuat Syntax Highlighter Otomatis di Blogger

1. Masuk ke dalam Template kalian
2. Copykan kode di bawah ini

/* syntax highlighter Otomatis Tanpa Javascript */
pre {
    padding: .8em 1em;
    margin: 0.5em 0;
    background-color: #20201d;
    border-left: 4px solid #1194f2;
    font-size: 13px;
    color: #fff;
    font-family: Consolas,Monaco,'Andale Mono','Courier New',Courier,Monospace;
    line-height: 1.4em;
    position: relative;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: auto;
    max-height: 200px;
}
code {
    font-family: Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,Monospace;
    font-size: 13px;
    color: #1194f2;
}
pre code {
    padding: 0!important;
    color: #fff;
    background: none!important;
    border: none!important;
    display: block;
}
pre .comment,pre .template_comment,pre .diff .header,pre .doctype,pre .pi,pre .lisp .string,pre .javadoc{color:#93a1a1;font-style:italic}
pre .keyword,pre .winutils,pre .method,pre .addition,pre .css .tag,pre .request,pre .status,pre .nginx .title{color:#F5821E}
pre .number,pre .command,pre .string,pre .tag .value,pre .rules .value,pre .phpdoc,pre .tex .formula,pre .regexp,pre .hexcolor{color:#008800}
pre .title,pre .localvars,pre .chunk,pre .decorator,pre .built_in,pre .identifier,pre .vhdl .literal,pre .id,pre .css .function{color:#268bd2}
pre .attribute,pre .variable,pre .lisp .body,pre .smalltalk .number,pre .constant,pre .class .title,pre .parent,pre .haskell .type{color:#A2886F}
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:#000;font-weight:bold}
pre .deletion{color:#dc322f}
pre .tex .formula{background:#eee8d5}
Jika kalian ingin mengedit warna di atas silakan sesuaikan dengan Blog kalian masing masing
3. Letakkan kode di atas pada bagian </Style> atau ] ] ></b:skin>

4. Jika sudah simpan template kalian

Selamat Syntax Highlighter Otomatis kalian sudah jadi

Cara menggunakan Syntax Highlighter di Blogger

Cara menggunakan script ini sangatlah mudah
Pada saat kalian membuat sebuah postingan > Pergi ke HTML dan masukkan kode di bawah ini
<pre><code>
Masukkan kode di sini
</pre></code>
Mungkin hanya itu yang bisa saya sampaikan mengenai Cara Membuat Syntax Highlighter Otomatis di Blogger

Sekian dan Terimakasih
Jika kalian menyukai postingan ini, silakan bagikan kepada teman kalian
Wassalamualaikum Wr.Wb

Cara Membuat Background Anime di Blogger

- Saturday, April 21, 2018 4 Comments
Cara Membuat Background Anime di Blogger

Assalamualaikum Wr.Wb
Hallo semuanya, kembali lagi dengan saya Usagi. Pada tutorial kali ini saya ingin memberikan tutorial ringan untuk kalian yang ingin membuat Blog fanshare/fansub anime

Yaitu tutorial
Cara Membuat Bacground Anime di Blogger

Cara membuat tutorial ini sangatlah mudah
Dengan 3 langkah sebagai berikut

1. Masuk ke dalam blogger kalian masing masing, Kemudian edit template kalian

2. Cari kode berikut </style> atau </b:skin>
Masukkan code di bawah ini sebelum code </style> atau </b:skin>


/* CSS Background Anime Fansub - Aka321 */
body {
background-image: url(https://image.ibb.co/k2mFP7/bgleft3.png), url(https://image.ibb.co/nv9zHS/bgright3.png) !important;
background-repeat: no-repeat !important;
background-attachment: fixed !important;
background-position: top left,top right !important;
background-size: auto auto, auto auto !important;
}

Pada bagian link di atas atau kode warna merah di atas, ganti dengan bambar yang kalian inginkan

3. Jika sudah Save atau Simpan template
Kemudian refresh kembali Blog kalian

Untuk Demo kalian bisa melihat di Bawah ini
https://tumbal-usagiexploit.blogspot.com
NB
Sumber Aka321
https://aka321.blogspot.com
 Saya hanya mencopas atau mengambil code CSS nya saja

Jika masih belum jelas, kalian bisa komentar di bawah ini atau langsung contack saya di fanspage facebook dan bisa juga memperhatikan gambar di atas

Mungkin hanya itu yang bisa saya sampaikan mengenai Cara Membuat Background Anime di Blogger

Sekian dan Terimakasih
Jika kalian menyukai postingan ini, silakan bagikan kepada teman kalian
Wassalamualaikum Wr.Wb

Cara Mempercepat Index Blog menggunakan Google Search

- Tuesday, April 17, 2018 8 Comments
Cara Mempercepat Index Blog menggunakan Google Search

Assalamualaikum Wr.Wb
SEO Adalah singkatan dari "Search Engine Optimization" Penggunaan jasa Seo adalah keputusan beasar yang dapat meningkatkan traffic situs kalian dan menghemat waktu, tetapi juga memiliki resiko tinggi dan reputasi

Pada kali ini saya sendiri Usagi akan memberikan tutorial Cara Mempercepta Index Blog atau singkat saja SEO dengan menggunakan Google Search

Sebelum memulai Tutorial pastikan kalian sudah siap melakukannya dan siap atas apa masalah yg kalian lakukan sendiri

Baiklah langsung saja kita mulai

Cara Mempercepat Index Blog Menggunakan Google Search Console

1. Pertama tama yg harus kalian lakukan adalah buka Google Search Console di Google Chrome atau bisa juga menggunakan tautan di bawah ini
https://www.google.com/webmasters/tools/home
Login menggunakan akun Blogger masing masing
2. Jika sudah masuk akan di suruh memasukkan Property. Masukkan website atau blogger kalian di sana kemudian tambahkan Property atau Add Property


3. Pada bagian ini simak baik baik

  • - Pilih metode Alternatif saja
  • - Diantara 4 penyedia. Pilih Tag HTML karna. Tag HTML sangat mudah di gunakan
  • - Pada bagian Tag HTML akan ada Code Google site Verivication
  • - Masuk ke Blogger kalian buka Tema dan Edit Tema, masukkan Code Google site Verivication tadi di bawah kode <head>
  • - Langkah terakhir, simpan tema kalian



4. Masuk lagi ke Metode Alternatif tadi Click Verivication dan akan ada pesan seperti berikut
Selamat, Anda telah berhasil memverivikasi kepemilikan usagiexploit.blogspot.com/nama situs kalian 
5. Click lanjutkan
6. Langkah terakhir ini. Masuk ke Perayakan pilih bagian Peta Situs atau Sitemap dan masukkan Peta situs yg ingin kalian uji


Jika masih belum jelas
Kalian bisa mempelajari ini berulang ulang kali sampai kalian paham
Atau bisa juga melihat gambar/screnshot di atas

Mungkin hanya itu yang bisa saya sampaikan mengenai Cara Mempercepat Index Blog menggunakan Google Searc

Sekian dan Terimakasih
Jika kalian menyukai postingan ini, silakan bagikan kepada teman kalian
Wassalamualaikum Wr.Wb