Tools Blog Yang Wajib Dimiliki Para Blogger

Tools Blog Yang Wajib Dimiliki Para Blogger – Pada saat ini saya akan memberi info saya yang sangat penting bagi Para blogger baik yang sudah tahu mau pun belum tau . Master Blogger mungkin suda banyak yang tahu bahwa menjadi seorang blogger sejati harus dan wajib mempunyai tool – Tools di dalam blognya yang digunakan sebagai alat perlengkapan dalam membangun suatu blog.

Tools Blog Yang Wajib Dimiliki Para Blogger MINTA ILMU

Mungkin masih banyak yang belum tau apa saja sih tool – Tools yang wajib digunakan untuk membangun sebuah blogger? ya kalau saya pikir-pikir ya banyak tapi disini saya membagikan tool – tools yang penting saja. Dimana saya berbagi ilmu dalam berbentuk artikel ini para blogger yang sudah tau maupun belum tau bisa mengetahui fungsi tool – tools pada blog. Berikut ini Tool – Tools yang Wajib , penting dimiliki dan digunakan oleh para Blogger :

1. SiteMap (Daftar Isi)
Sitemap befungsi sebagai daftar isi yang menjelaskan ke pembaca / visitor apa saja daftar artikel yang di post oleh pemilik blog tersebut dan sitemap pada blog juga memiliki banyak kualitas link internal yang sangat bagus. Dalam Pembuatan sitemap tidak akan ada duplikat pada Mesin pencari akan mengindex tanpa ada errornya. Lalu dibuat sesuai dengan category tabel dan dipisahkan  menurut categori yang telah dipilih dengan susunan yang rapih dari struktur posting blog tersebut . Untuk Demo bisa Cek disini

Cara Memasang SiteMap Pada Blogger :
*. Buka Dashboard blogger anda dan klick Halaman
*. Buat halaman baru dan beri judul terserah kamu dan saya akan memberi judul Sitemap
*. Pilih jenis penulisan Html
*. Copy Scrip Di bawah ini dan pastekan ke dalam Penulisan HTML

<div id="bp_toc">
</div>
<script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/sitemap-content.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>

<style scoped=”” type=”text/css”>
#comments {display:none;}
</style>

*. Save / Publikasikan Dan Selesai Deh

2. Contact From
Contact From sebagai alat komunikasi atau pengiriman keluhan atau saran. tool ini sangat penting bagi para blogger agar si punya blog tau hal-hal apa saya yang dibutuhkan oleh para pengunjung blognya. dan sebenarnya blogger.com telah meluncurkan widget Contact From tapi hanya dalam bentuk widget dalam index atau tampilan depan. sekarang kita akan membuat halaman Contact From. untuk melihat demo bisa cek disini

Cara Memasang Contact From Pada Blogger :
*. Buka Dashboard blogger anda dan klick Halaman
*. Buat halaman baru dan beri judul terserah kamu dan saya akan memberi judul Contact US
*. Pilih jenis penulisan Html
*. Copy Scrip Di bawah ini dan pastekan ke dalam Penulisan HTML

<!-- Do not change the code!  Mintailmu.com-->
<a href="http://www.foxyform.com/" id="foxyform_embed_link_862986">foxyform</a>
<script type="text/javascript">
(function(d, t){
   var g = d.createElement(t),
       s = d.getElementsByTagName(t)[0];
   g.src = "http://www.foxyform.com/js.php?id=862986&sec_hash=8fda20752e6&width=350px";
   s.parentNode.insertBefore(g, s);
}(document, "script"));
</script>
<!-- Do not change the code! -->

*. Save / Publikasikan Dan Selesai Deh

3.Tools Html Converter
Tools Html Converter digunakan untuk mem-converter code html yang akan di jadikan kalimat. contoh jika kamu ingin memposting suatu artikel, artikel tersebut berbentuk script HTML atau JavaScript maka kita paste saja ke Tools Html Converter dan dia akan menjadikan sebuat konten artikel yang tidak ada scrip code. untuk demo bisa cek disini

Cara Membuat Tools Html Converter :
*. Buka Dashboard blogger anda dan klic Halaman
*. Buat halaman baru dan beri judul terserah kamu dan saya akan memberi judul Tools HTML converter
*. Pilih jenis penulisan Html
*. Copy Scrip Di bawah ini dan pastekan ke dalam Penulisan HTML

<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: 500px;"></textarea><br />
<input onclick="convert();" style="padding: 5px;" type="button" value="Parse Script" /></td> </tr>
</tbody></table>

*. Save / Publikasikan Dan Selesai Deh

4. CSS Minifier
Fungsinya hanya meng-convert code css menjadi lebih kecil agar loading blog kita lebih cepat dan lebih ringan. initinya pengunjung tidak menunggu lama apa bila ingin melihat artikel yang lain. untuk demo bisa cek disini

Cara Membuat CSS Minifier Converter :
*. Buka Dashboard blogger anda dan klic Halaman
*. Buat halaman baru dan beri judul terserah kamu dan saya akan memberi judul CSS Minifier
*. Pilih jenis penulisan Html
*. Copy Scrip Di bawah ini dan pastekan ke dalam Penulisan HTML

<script src='https://cdn.rawgit.com/senchalabs/cssbeautify/master/cssbeautify.js'></script>
<div class="bungkus">
  <div class='judul' >
    <strong>CSS Minifier And Beautifier</strong>
        </div>
  <div class="isinya">
    <textarea placeholder="INPUT TO MINIFIER CSS" class="cssmin-in cssbeaut-out col-sm-5"></textarea>
    <textarea placeholder="INPUT TO BEAUTIFIER CSS" class="cssmin-out cssbeaut-in col-sm-5 "></textarea>
  </div>
  <div class="cssmin-btn col-sm-2">
      <button class="btn btn-primary minify" type="submit">Minify CSS</button>
      <button class="btn btn-primary clear-code" type="submit">Clear All</button>
      <button class="btn btn-primary beautify" type="submit">Beautify CSS</button>
      </div>
</div>
<script>
$(function() {
  /*
   * Just some styling helpers
   */
  var inputWidth = $('.col-sm-5').width();
  $('textarea').height(inputWidth*(3/4));
  $('.cssmin-btn').css('margin-top',inputWidth*(1/3)+'px');
  $('.cssbeaut-btn').css('margin-top',inputWidth*(1/3)+'px');

/*
*
*/
$(‘.minify’).click(function() {
var input = $(‘.cssmin-in’).val();
var output = input
.replace(//*.**/|/*[sS]*?*/|n|t|v|s{2,}/g, ”)
.replace(/s*{s*/g, ‘{‘)
.replace(/s*}s*/g, ‘}’)
.replace(/s*:s*/g, ‘:’)
.replace(/s*;s*/g, ‘;’)
.replace(/s*,s*/g, ‘,’)
.replace(/s*~s*/g, ‘~’)
.replace(/s*>s*/g, ‘>’)
.replace(/s*+s*/g, ‘+’)
.replace(/s*!s*/g, ‘ !’);
$(‘.cssmin-out’).val(output);
});
$(‘.clear-code’).click(function() {
$(‘.cssmin-in’).val(”);
$(‘.cssmin-out’).val(”);
});
$(‘.beautify’).click(function() {
var beaut_input = $(‘.cssbeaut-in’).val();
var beaut_output = cssbeautify(beaut_input, {
indent: ‘ ‘,
openbrace: ‘end-of-line’,
autosemicolon: true
});
$(‘.cssbeaut-out’).val(beaut_output);
});
$(‘.beaut-clear-code’).click(function() {
$(‘.cssbeaut-in’).val(”);
$(‘.cssbeaut-out’).val(”);
});
});
</script>
<style>
.bungkus{max-width:540px;margin:0 auto;background:#2c3e50;width:100%;}.judul{width:100%;margin:5% auto 0 auto;background:#16A085;font-family:’Lobster’,cursive;position:relative;-moz-box-shadow:0 4px 4px rgba(0,0,0,0.4);-webkit-box-shadow:0 4px 4px rgba(0,0,0,0.4);box-shadow:0 4px 4px rgba(0,0,0,0.4);}.judul>strong{text-align:center;color:#fff;padding:18px;width:91%;display:block;font-size:24px;}.isinya{width:100%;height:361px;margin:0 auto;}.cssmin-in{width:47%;height:361px !important;float:left;margin-top:0px;margin-left:2px;}.cssmin-out{width:47%;height:361px !important;float:right;margin-top:0px;margin-right:2px;}textarea{width:99%;height:357px;border:none;resize:none;}.cssmin-btn{width:100%;background:#2C3E50;margin:0 auto !important;}.minify{width:15%;margin:2%;}.beautify{width:15%;margin:2%;}.btn{width:30%;border:0px;background:#f26262;padding:12px;color:white;cursor:pointer;border-radius:6px;}.btn:hover{background:#5ba435;}
</style><script src=’//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js’ ></script>

 

*. Save / Publikasikan Dan Selesai Deh

5.Count Words ( Pengitungan Jumlah Kata)
Count Words digunakan untuk menghitung jumlah kata pada artikel yang kita buat .hal ini sangat membantu kita menghitung jumlah kata yang kita buat .misalkan kita ingin menhitung jumlah kata pada artikel kita . kita cuma mencopy isi dari artikel dan mem-pastekan pada Count Words. dan otomatis jumlah kata akan terbaca sendirinya. hal ini juga penting untuk orang yang ini mendapatkan Adsense, yang ada dalam kebijakan adsense jumlah kata dalam sebuah artikel minimal 400. untuk demo bisa di cek disini.

Cara Membuat Count Words  :
*. Bukak Dashboard blogger anda dan klick Halaman
*. Buat halaman baru dan beri judul terserah kamu dan saya akan memberi judul Count Words
*. Pilih jenis penulisan Html
*. Copy Scrip Di bawah ini dan pastekan ke dalam Penulisan HTML

<form method="POST" name="wordcount">
<script language="JavaScript">

function countit(){

/*Word count script
Over 400+ free scripts here!
*/

var formcontent=document.wordcount.wordcount2.value
formcontent=formcontent.split(” “)
document.wordcount.wordcount3.value=formcontent.length
}
</script>
<br />
<table border=”0″ cellpadding=”5″ cellspacing=”0″>
<tbody>
<tr>
<td width=”100%”><textarea cols=”55″ name=”wordcount2″ rows=”22″ wrap=”virtual”></textarea></td>
</tr>
<tr>
<td width=”100%”><div align=”right”>
<input onclick=”countit()” type=”button” value=”Calculate Words” /> <input name=”wordcount3″ size=”20″ type=”text” /><br />
<div align=”center”>
</div>
</div>
</td>
</tr>
</tbody></table>
</form>

*. Save / Publikasikan Dan Selesai Deh

Nahh cuma itu yang dapat MintaIlmu.com lakukan.Untuk konten kali ini Lumayankan dapat ilmu kan?, Moga-moga bisa membantu anda.
Salam MintaIlmu.com

3 thoughts on “Tools Blog Yang Wajib Dimiliki Para Blogger”

Comments are closed.