Membuat Efek Loading Keren Seperti Blog Kang Ismet

Membuat Efek Loading Keren Seperti Blog Kang Ismet - Selamat datang sobat semua, sekarang saya akan membagikan Tutorial '"Membuat Efek Loading Seperti Blog KI"  efek loading ini memang sudah populer / sudah banyak yang membagikannya, tapi tidak sempurna rasanya jika tutorial ini tidak ada di blog kesayangan sobat semua. Silahkan simak baik-baik tutorial ini.

Langkah Pertama : Buka Blogger > Template > Edit HTML

Langkah Kedua : Masukan kode CSS di bawah ini tepat di atas ]]></b:skin> atau </style>

#page-loader {
    position:fixed !important;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:999999;
    background: #303030 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbf6QDGEXwvdmlJeQ2Z1dzk6nKtffAbLKo7GMRMf69gnDwWgfknyRAp4O-_bMRjrunjgSP6n04-ye70v95UMDK7YISurfV1V0kp5DfLVf3IHCz2SPIsGjcI5nvZEI0gCCJiCKXp2QGZ_0/s200/load6.gif") no-repeat 50% 50%;
    padding:1em 1.2em;
    display:none
    }

Langkah Ketiga : Masukan kode di bawah ini tepat di atas </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

NOTE : Lewati langkah ketiga, jika template blog sobat telah dipasangkan Libs/Jquery.

Langkah Keempat : Masukan kode di bawah ini tepat di atas </body>

<script type='text/javascript'>
    //<![CDATA[
    // Menyisipkan markup tabir animasi
    $(document.body).append('<div id="page-loader"></div>');
    // Saat halaman aktif terpicu untuk berpindah/keluar menuju halaman lain...
    $(window).on("beforeunload", function() {
        // ... tampilkan tabir animasi dengan efek `.fadeIn()`
        $('#page-loader').fadeIn(1000).delay(6000).fadeOut(1000);
    });
    //]]>
    </script>

Langkah Terakhir : Simpan template sobat...

Semoga Tutorial ''Membuat Efek Loading Seperti Blog Kang Ismet'' bermanfaat bagi sobat, jangan lupa like, share, dan komentarnya ya, tunggu tutorial selanjutnya..

Cara membuat Widger Top Komentator di blog

Cara Membuat Widget Top Komentator di Blog - Tak bisa dipungkiri lagi bahwasanya pengunjung adalah salah satu faktor yang sangat berharga dan penting bagi karrir sebuah blog, tanpa adanya pengunjung rasanya semua yang sudah kita (blogger) lakukan terdiam dan termenung sia-sia tanpa adanya harapan yang akan bermanfaat kepada sesama. Sejak dahulu, optimasi demi optimasi blog mulai dari seo hingga blogwalking secara rutin dan efisien dijalani oleh para blogger-blogger, yang meyakini bahwa hal tersebut adalah faktor utama pendulang kesuksesan sebuah blog. Namun, jika kita telaah dan cermati lebih jauh mengenai itu, pada hakikatnya seo dan monetize blog hanyalah sebagian dari kepuasan para blogger dalam perjalanan karrir blogging-nya, karena pencapaian yang sebenarnya dari yang paling sebenarnya adalah berbagi untuk sesama, tanpa hal itu kita tidak akan merasakan suatu titik kepuasan yang mendalam pada setiap lembaran hari baru yang kita gunakan untuk melakukan aktivitas ini (ngeblog). Mereka (pengunjung yang loyal) adalah hal yang lebih berharga daripada sekedar menghasilkan uang yang hanya bisa kita nikmati hanya sementara, walaupun tidak bisa kita pungkiri lagi bahwa blog adalah salah satu hal potensial yang bisa menunjang kebutuhan finansial hidup kita.

Terkadang sebuah kesetiaan datang dari kecintaan mereka terhadap suatu hal, tak terkecuali pengunjung blog, jika mereka sudah nyaman dengan satu blog yang akan ia jadikan sebagai panutan, tentunya dia akan terus ingat dengan blog tersebut karena sudah membimbingnya dari 0 hingga ia bisa mengerjakan segala persoalanya seorang diri, tetapi demi meraih hal itu kita perlu menyediakan sarana dan prasarana yang lengkap dan tidak bersifatkomersil, maka dengan ketulusan dan dedikasi tersebut, sendirinya mereka (pengunjung) akan menyadari bahwa kita adalah orang yang tulus dalam membimbing dan menanggapi segala tingkah laku mereka, kedepanya mereka akan lebih 'setia' dengan blog kita, dan mungkin saja mereka akan 'mengayomi' dan menganggap blog kita sebagai blog ke-2 mereka.

Untuk itu, apresiasi patut kita berikan kepada rekan-rekan pengunjung blog kita yang sudah berbaik hati ingin berkunjung dan berkomentar secara aktif, mungkin kita tidak bisa memberikan suatu penghargaan yang berarti tapi mungkin penghargaan tersebut akan membuat mereka tersenyum karena ada orang yang mengapresiasinya. Tak panjang lebar, pada kesempatan kali ini saya akan memberikan tutorial tentang cara membuat widget top komentator atau 'user' dengan komentar terbanyak, seperti yang sudah saya paparkan tadi, hal ini dapat menjadi salah satu pengapresiasian yang berarti bagi mereka (pengunjung).

1. Login ke Blogger.

2. Pilih Tata Letak.

3. Klik Add Gadget.

4. Pilih HTML/JavaScript.

5. Letakkan kode di bawah ini ke dalam box 'konten'.

<style type="text/css">
.top-commenter-line img {
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
margin-left:5px;margin-right:5px;
}
.top-commenter-line {margin: 5px 0;border-bottom:1px solid #eee;padding:3px 5px 6px 0px;}
.top-commenter-line .profile-name-link {padding-left:0;font-weight:bold;}
.top-commenter-avatar {vertical-align:middle;width:30px;height:30px;
}
</style>
<script type="text/javascript">
//
// Top Commentators gadget with avatars, by MS-potilas 2012.
// Gets a list of top commentators from all comments, or specified number of days in the past.
//
// CONFIG:
var maxTopCommenters = 5;   // how big a list of top commentators
var minComments = 1;        // how many comments must top commentator have at least
var numDays = 0;            // from how many days (ex. 30), or 0 from "all the time"
var excludeMe = true;       // true: exclude my own comments
var excludeUsers = ["Anonymous", "Bayu Sanjaya"];     // exclude these usernames
var maxUserNameLength = 42; // 0: don't cut, >4: cut usernames
//
var txtTopLine = '<b>[#].</b> [image] [user] ([count])';
var txtNoTopCommenters = 'No top commentators at this time.';
var txtAnonymous = '';      // empty, or Anonymous user name localized if you want to localize
//
var sizeAvatar = 56;
var cropAvatar = true;
//
var urlNoAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJQpZk8WP-v2xFWQBW858e9Oc12v110kO9rtHmuk0crAbrYYjKtKVhSBFjx5OxAj90hgVqS_H8Fyou7osDSb26LKXQrw6MPKKSNGpxq6lzkKkN6b8gxiP-76UPog_1En-JY64VGOOstOA/"+sizeAvatar+"/avatar_blue_m_96.png"; // http://www.blogger.com/img/avatar_blue_m_96.png resizeable
var urlAnoAvatar = 'http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=' + sizeAvatar;
var urlMyProfile = ''; // set if you have no profile gadget on page
var urlMyAvatar = '';  // can be empty (then it is fetched) or url to image
// config end
// for old IEs & IE modes:
if(!Array.indexOf) {
 Array.prototype.indexOf=function(obj) {
  for(var i=0;i<this.length;i++) if(this[i]==obj) return i;
  return -1;
}}
function replaceTopCmtVars(text, item, position)
{
  if(!item || !item.author) return text;
  var author = item.author;
  var authorUri = "";
  if(author.uri && author.uri.$t != "")
    authorUri = author.uri.$t;
  var avaimg = urlAnoAvatar;
  var bloggerprofile = "http://www.blogger.com/profile/";
  if(author.gd$image && author.gd$image.src && authorUri.substr(0,bloggerprofile.length) == bloggerprofile)
    avaimg = author.gd$image.src;
  else {
    var parseurl = document.createElement('a');
    if(authorUri != "") {
      parseurl.href = authorUri;
      avaimg = 'http://www.google.com/s2/favicons?domain=' + parseurl.hostname;
    }
  }
  if(urlMyProfile != "" && authorUri == urlMyProfile && urlMyAvatar != "")
    avaimg = urlMyAvatar;
  if(avaimg == "http://img2.blogblog.com/img/b16-rounded.gif" && urlNoAvatar != "")
    avaimg = urlNoAvatar;
  var newsize="s"+sizeAvatar;
  avaimg = avaimg.replace(/\/s\d\d+-c\//, "/"+newsize+"-c/");
  if(cropAvatar) newsize+="-c";
  avaimg = avaimg.replace(/\/s\d\d+(-c){0,1}\//, "/"+newsize+"/");
  var authorName = author.name.$t;
  if(authorName == 'Anonymous' && txtAnonymous != '' && avaimg == urlAnoAvatar)
    authorName = txtAnonymous;
  var imgcode = '<img class="top-commenter-avatar" height="'+sizeAvatar+'" width="'+sizeAvatar+'" title="'+authorName+'" src="'+avaimg+'" />';
  if(authorUri!="") imgcode = '<a href="'+authorUri+'">'+imgcode+'</a>';
  if(maxUserNameLength > 3 && authorName.length > maxUserNameLength)
    authorName = authorName.substr(0, maxUserNameLength-3) + "...";
  var authorcode = authorName;
  if(authorUri!="") authorcode = '<a class="profile-name-link" href="'+authorUri+'">'+authorcode+'</a>';
  text = text.replace('[user]', authorcode);
  text = text.replace('[image]', imgcode);
  text = text.replace('[#]', position);
  text = text.replace('[count]', item.count);
  return text;
}
var topcommenters = {};
var ndxbase = 1;
function showTopCommenters(json) {
  var one_day=1000*60*60*24;
  var today = new Date();
  if(urlMyProfile == "") {
    var elements = document.getElementsByTagName("*");
    var expr = /(^| )profile-link( |$)/;
    for(var i=0 ; i<elements.length ; i++)
      if(expr.test(elements[i].className)) {
        urlMyProfile = elements[i].href;
        break;
      }
  }
  for(var i = 0 ; i < json.feed.entry.length ; i++ ) {
    var entry = json.feed.entry[i];
    if(numDays > 0) {
      var datePart = entry.published.$t.match(/\d+/g); // assume ISO 8601
      var cmtDate = new Date(datePart[0],datePart[1]-1,datePart[2],datePart[3],datePart[4],datePart[5]);
      //Calculate difference btw the two dates, and convert to days
      var days = Math.ceil((today.getTime()-cmtDate.getTime())/(one_day));
      if(days > numDays) break;
    }
    var authorUri = "";
    if(entry.author[0].uri && entry.author[0].uri.$t != "")
      authorUri = entry.author[0].uri.$t;
    if(excludeMe && authorUri != "" && authorUri == urlMyProfile)
      continue;
    var authorName = entry.author[0].name.$t;
    if(excludeUsers.indexOf(authorName) != -1)
      continue;
    var hash=entry.author[0].name.$t + "-" + authorUri;
    if(topcommenters[hash])
      topcommenters[hash].count++;
    else {
      var commenter = new Object();
      commenter.author = entry.author[0];
      commenter.count = 1;
      topcommenters[hash] = commenter;
    }
  }
  if(json.feed.entry.length == 200) {
    ndxbase += 200;
    document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&start-index='+ndxbase+'&alt=json-in-script&callback=showTopCommenters"></'+'script>');
    return;
  }
  // convert object to array of tuples
  var tuplear = [];
  for(var key in topcommenters) tuplear.push([key, topcommenters[key]]);
  tuplear.sort(function(a, b) {
    if(b[1].count-a[1].count)
        return b[1].count-a[1].count;
    return (a[1].author.name.$t.toLowerCase() < b[1].author.name.$t.toLowerCase()) ? -1 : 1;
  });
  // list top topcommenters:
  var realcount = 0;
  for(var i = 0; i < maxTopCommenters && i < tuplear.length ; i++) {
    var item = tuplear[i][1];
    if(item.count < minComments)
        break;
    document.write('<di'+'v class="top-commenter-line">');
    document.write(replaceTopCmtVars(txtTopLine, item, realcount+1));
    document.write('</d'+'iv>');
    realcount++;
  }
  if(!realcount)
    document.write(txtNoTopCommenters);
}
document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&alt=json-in-script&callback=showTopCommenters"></'+'script>');
</script>

Keterangan: 

• Ganti kode Bayu Sanjaya dengan nama anda, agar tidak muncul pada list top komentator (khususnya bagi anda yang sering menjawab komentar pengunjung).
• Hapus kode ([count]) jika anda tidak ingin menampilkan jumlah komentar setiap user pada widget top komentator.

6. Klik 'save', dan selesai.

Bagaimana? mudah bukan membuat widget top komentator untuk 'sedikit' mengapresiasi pengunjung yang sudah loyal dan aktif pada blog kita, widget ini adalah karya dari seorang blogger Finlandia, yaituMS postilas yang merupakan seorang retired programmer dan blogger.

Demikian informasi seputar tutorial blog tentang cara membuat widget top komentator, semoga bermanfaat, dan selamat mencoba, jangan lupa meninggalkan jejak atau feedback-nya ya. Happy Blogging...

5 kode HTML untuk Mengatur tampilan blog

Saya dapat pertanyaan dari teman saya,bagaimana bisa sidebar hanya bisa tampil di home page?sedangkan pada saat membaca artikel,sidebar'a menghilang??ini dia trik'a. .

trik'a adalah kode logika/html/if. dengan kode ini kita bisa menambahkan sedikit kode sehingga menjadi b:if cond=, dalam artinya, jika kondisi...guna'a agar kita dapat menghilangkan elemen yang berat di halaman tertentu yang kita inginkan,

Macam2 kode...
Ada 5 macam yang yang bisa saya temukan di google n_n

1.<b:if cond='data:blog.url == data:blog.homepageUrl'> isi widget</b:if>

Kode di atas ini fungsinya agar widget hanya pada homepage atau halaman utama saja. Contohnya sidebar pada blog saya di akatsuki akb.

2.<b:if cond='data:blog.pageType != &quot;item&quot;'> isi widget </b:if>

kode ini fungsi'a supaya widget ada di halaman homepage dan label atau di kategori post. saya belum dapat contoh'a

3.<b:if cond='data:blog.pageType == &quot;item&quot;'>isi widget </b:if>

Kode ini berfungsi agar widget hanya ada ketika kita membaca posting blog saja. Contoh'a adalah kotak komentar yang terdapat dibawah posting blog kita. 

4.<b:if cond='data:blog.url != data:blog.homepageUrl'> isi widget </b:if>

Kode ini berfungsi agar widget ada di halaman posting. Contohnya kebetulan saya tidak memakainya. :). Fungsi ini kebalikan dari kode ke 1.

5.<b:if cond='data:blog.url == &quot;url postingnya disini&quot;'> isi widget </b:if>

Kode ini berfungsi agar widget ada ketika kita membaca posting tertentu. sobat tinggal ganti kata yang tulisan'a tebal dengan url posting sobat.


Contoh sederhana untuk menghilangkan Tab Slider di halaman depan/home page

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- begin featured content slideshow -->
<div id='featured'>
<div id='slidearea'>
<div id='gallerycover'>
<div class='mygallery'>
</div>
</div>
</div>
</div>
<!-- end featured content slideshow -->
</b:if>

Yang ini contoh untuk menghilangkan Sidebar di halaman posting. . .

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:section id='sidebar' showaddelement='yes'>
<b:widget id='HTML8' locked='false' title='Chatbox' type='HTML'/>
<b:widget id='HTML5' locked='false' title='' type='HTML'/>
<b:widget id='HTML16' locked='false' title='' type='HTML'/>
<b:widget id='HTML15' locked='false' title='' type='HTML'/>
<b:widget id='HTML3' locked='false' title='' type='HTML'/>
<b:widget id='HTML4' locked='false' title='' type='HTML'/>
<b:widget id='HTML7' locked='false' title='' type='HTML'/>
<b:widget id='Text1' locked='false' title='info' type='Text'/>
<b:widget id='BlogList1' locked='false' title='Daftar Blog Saya' type='BlogList'/>
</b:section></b:if>

Selamat mencoba dan semoga bermanfaat untuk blog sobat.
jangan lupa kasih komen'a ya n_n

Cara Memasang Robots.Txt

Kembali lagi di Newcyber-Evo Blog. Pada kali ini saya akan membahas tentang Cara Memasang Robot.txt Di Blog. Tips Blogger yang saya beri kali ini tidak main - main karena salah sedikit saja, blog anda sudah diabaikan oleh Bot Google. Namun, jangan tegang dulu, disini saya akan menjadi pemandu kalian dalam Mensetting Robot.txt Tags Pada Blog. Oke, dari sekian lama tak memposting saya sudah sedikit kehilangan inspirasi tentang Blogging, mungkin sudah lama tak mengurus blog ini, jadi tak bisa banyak basa basi lagi. Oke, Panduan Membuat Robot.txt Di Blogger, cekidot..

Cara Mengaktifkan Robot.txt Di Blog Dengan Benar :

1. Masuk Blogger Home kalian.
2. Pada Menu Dropdown, pilih Setting > Seacrh Preferences.
3. Lihat pada bagian yang saya Kotaki digambar. ( Custom robots.txt )

4. Kemudian klik, Edit
5. Pada options, Yes atau No. Pilih yang Yes.
6. Setelah itu Copy Kode dibawah ini dan Pastekan di kotak tersebut.

User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /search
Allow: /
Sitemap: http://newcyber-evo.blogspot.com/feeds/posts/default?orderby=UPDATED

Keterangan:
tulisan yang berwarna merah, ganti dengan url Blog anda.

7. Kemudian klik tombol, Save Changes / Simpan Perubahan.

Nah begitulah Cara Memasang Custom Robot.txt Pada Blog Dengan Benar. Manfaat mengaktifkan Robot.txt adalah salah satunya mempercepat index artikel ke google. sangat mudah tetapi sangat besar juga pengaruhnya untuk blog kita. Demikian artikel saya dengan judul Cara Memasang Kode Robot.txt Dengan Benar dan Baik. Sekian dari Newcyber-Evo
Terima kasih banyak.

Cara Memasukkan Video Player Ke Blog

hal pertama yang harus dilakukan adalah mengedit template blog sobat, masuk ke design, pilih edit html, jangan lupa conteng Expand Widget Templates kemudian copy code ini

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js">
</script>

tambahkan kode diatas ini sesudah <head> atau sebelum </head> :

Setelah selesai klik save template. Perlu diketahui bahwa jika Sobat mengganti template blog Sobat, maka kode diatas harus ditambahkan ulang.

Untuk membuat postingan video anda perlu masuk ke mode html kemudian paste-kan kode seperti dibawah ini

<Div id="video1">Please install the Flash Plugin</Div>
<script type="text/javascript">
  var flashvars = { file:'http://your-video-file-url-address.mp4', autostart: 'false' };
  var params = { allowfullscreen:'true', allowscriptaccess:'always' };
  var attributes = { id:'player1', name:'player1' };
  swfobject.embedSWF('http://player.longtailvideo.com/player.swf','video1','470','380','9.0.115','false', flashvars, params, attributes);
</script>

NB:

1. Gantilah  http://your-video-file-url-address.mp4 dengan alamat video sobat.

2. Nomor berwarna merah ini 470 untuk merubah width ( lebar ) JW PLAYER.

3. Nomor berwarna merah ini 380 untuk merubah height ( tinggi );

4. Apabila sobat ingin untuk embed lebih dari satu pemain JW pada satu halaman, sobat dapat  menambahkan kode di atas beberapa kali, dan pastikan untuk  :
- Mengubah video1 ke video2, Video3 dan seterusnya, pada saat yang sama.
- Mengubah player1 ke player2, player3 dan seterusnya, pada saat yang sama.

 Atau Sobat Bisa Langsung Login Ke Jw Player

Selamat Mencoba,,,,,,,
Semoga Bermanfaat!!!!!!!!!

Top 10 Ekstensi Firefox Untuk Blogger

Hai semuanya :) sekian lama aku menghilang sekarang aku balik lagi , sekarang saya akan membahas 10 Ekstensi Firefox Untuk Blogger
oke mari langsung saja ke topiknya ^_^

Blogging tidak semata-mata hanya menulis teks. Tetapi lebih dari itu. Seorang blogger harus memperhatikan SEO, RSS, Kata kunci, meta deskripsi dan lain-lain. Dia juga melakukan penelitian, membaca blog lain, mendapatkan berita terbaru, mencari foto dan video, tetap berhubungan dengan komunitas penggemar nya di jaringan sosial, dan daftar terus. Semua hal ini memerlukan browser yang bagus. Bukan hanya digunakan untuk browsing. Ada beberapa plugin yang bisa digunakan oleh seorang blogger. Karena Firefox adalah web browser yang paling umum digunakan, posting ini berfokus pada plugin untuk Firefox. Sebelumnya, saya telah menulis tentang Top ekstensi plugin untuk Firefox, dan Top 3 plugin browser untuk web developer. Posting ini, fokus pada plugin untuk Firefox yang dibutuhkan oleh seorang blogger.

SEO Quake

SEO Quake adalah salah satu plugin terbaik untuk blogger. Ini membantu banyak web master dengan hal-hal seperti Search Engine Optimization, Social Media Optimization, dan banyak lagi. Menyelidiki berbagai parameter SEO untuk seperti Google PR, Alexa rank, backlink, kata kunci, Informasi Domain, dll. Hal ini juga membantu dengan promosi internet dari blog Anda, dan banyak lagi.

Download SEO Quake

ScribeFire Next 4.0

ScribeFire Next adalah versi terbaru dari ScribeFire add-on terpopuler. Ini adalah blog editor yang memiliki banyak fitur yang dimasukkan langsung ke dalam browser yang gunakan, dan memungkinkan dengan mudah mempublikasikan artikel baru di blog Anda. Hal ini mendukung hampir semua platform blogging. Berikut adalah daftar dari semua platform yang didukung.

ScribeFire memungkinkan kita untuk membuat, mengedit, memperbarui, atau menghapus posting pada blog. Membuat posting baru, dan mempublikasikan atau menjadwalnya di satu atau beberapa blog, langsung dari satu tampilan. Dengan tampilan yang sangat sederhana juga. Kita dapat mendrag-dan-drop teks dari halaman web, menyisipkan foto, dan banyak lagi!. Dengan tampilan sendiri tidak berdasarkan tampilan dari platform blogging yang digunakan, yang membuatnya lebih mudah untuk mempublikasikan posting dengan konsisten.

Download ScribeFire Next 4.0

FastestFox

Ini adalah plugin berbasis produktivitas. Ini akan membuat browsing yang akan lebih cepat dengan mengurangi tugas yang berulang yang kita melakukan. Misalnya, ketika memilih teks pada halaman Web akan muncul pop up yang memungkinkan kita untuk mencari istilah tersebut di Google. Ini akan memuat halaman web berikutnya yang akan muncul, pada halaman berseris, seperti blog arsip dll.

Download FastestFox

RSS Ticker

RSS Ticker akan menampilkan Live Bookmarks tepat di layar dengan cara bergulir. Ini akan diperbarui secara otomatis, sehingga tidak harus me-refresh, atau login ke feed reader anda untuk mendapatkan RSS feed.

Download RSS Ticker

KGen

KGen adalah singkatan Keyword Generator. Ini adalah tools kecil yang sangat berguna yang memberitahukan apa kata kunci dari situs yang sedang kita kunjungi. Dengan begitu, jika kita mengujungi situs yang mempuntai reputasi dan sesuai dengan niche website kita, kita dapat mempelajari apa kata kunci yang sebaiknya digunakan untuk website yang kita buat.

Download KGen

Adsense Notifier

Ini adalah plugin yang sangat sederhana. Plugin ini terhubung ke account Google AdSense, dan akan menunjukkan berapa banyak pendapatan AdSense yang telah dibuat.

Download Adsense Notifier

Similar Web

Ini adalah alat yang sangat baik untuk melakukan riset. Ketika mengunjungi sebuah website, memberikan Anda beberapa alternatif, dan halaman web yang mirip dengan halaman web yang anda saat ini.

Download Similar Web

Xmarks

Plugin ini adalah real time saver! Plugin ini pada dasarnya adalah alat bookmark. Ia menyimpan semua bookmark, tab yang terbuka, dan password. Plugin ini akan menyelaraskan semua hal-hal ini untuk setiap komputer lain yang mungkin kita miliki, jadi jika ketika kita perlu mengganti laptop kita tidak harus kehilangan tap yang telah kita buka, Kita dengan mudah bisa melakukannya! Seperti halnya ketika harddiks mengalami crash, atau jika kita perlu untuk memformatnya, jangan khawatir tentang kehilangan bookmark yang telah kita lakukan. Xmarks dibuat untuk memudahkan kita dalam mengembalikanya!

Download Xmarks

Greasemonkey

Greasemonkey adalah tool yang dibuat untuk menyesuaikan tampilan pada web. Menggunakan javascripts kecil untuk memodifikasi halaman, sehingga kita dapat menghapus konten yang tidak ingin terlihat.

Download Greasemonkey

Gmail Manager

Gmail Manager adalah pemberi notifikasi yang dapat mengelola beberapa account GMail. Plugin ini memberikan pemberitahuan tentang email baru, dan juga dapat mengakses mailbox. Dapat untuk mengirim email, membuka pesan yang diterima, sampah, draft, dan sebagainya.

Download Gmail Manager

Source: Galpock

Cara Ubah Font Di Postingan Blog

Cara Ubah Font Di Postingan Blog – Blog adalah media yang pas untuk menuangkan ide dan gagasan yang kita miliki selama ini. Blog menjadi pilihan tempat yang pas karena dengan media blog kita dapat mengekspresikan ide dan gagasan tersebut dalam bentuk tulisan yang kemudian dapat dilihat serta dibagi-bagikan kepada teman-teman kita lainnya. Tidak hanya itu, kita juga bisa mendapatkan komentar sebagai umpan balik dari teman dan pembaca yang perlu untuk kita tanggapi atas tulisan yang telah kita buat dan publikasikan.

Sebagian besar orang menggunakan blog sebagai media untuk menulis. Akan tetapi, kita juga dapat menggunakannnya untuk keperluan lainnya. Bagi kita yang terbiasa untuk menulis dan mempublikasikan tulisan tersebut di blog, kita tentu akan merasa senang jika tulisan tersebut juga mendapatkan respon yang baik dari para pembaca. Salah satu bentuk respon yang baik tersebut seperti bagusnya komentar yang masuk baik dari segi kualitas maupun kuantitasnya.

Adakah trik untuk mendapatkan semua itu? Tentu saja ada berbagai faktor yang perlu untuk kita pertimbangkan agar banyak pengunjung yang membaca tulisan kita hingga akhirnya membaca dan memberi komentar dengan baik. Salah satu faktor mendasar yang penting untuk kita perhatikan adalah jenis tulisan yang kita gunakan dalam postingan blog kita. Baca kembali artikel tentang memilih huruf yang pas dalam postingan blog dan baca artikel yang masuk dalam kategori tips menulis untuk meningkatkan kemampuan menulis kita.

Berkaitan dengan pemilihan huruf yang pas bagi postingan blog kita, bagaimana cara untuk mengubah ukuran dan jenis font dalam postingan blog kita? Berikut ini akan dijelaskan cara mengubah jenis font dan ukuran font di dalam postingan blog kita.

Pertama masuk ke dalam akun blogger kita masing-masing.

Klik rancangan.

Klik edit HTML.

Contreng expand template widget.

Cari kode berikut.

.post-body{  atau  .post-body {

Untuk mengubah jenis font di postingan blog kita, masukan kode berikut di dalam kode di atas.

font-family:georgia

Untuk mengubah ukuran font di postingan blog kita, masukan kode berikut di dalam kode di atas.

font-size:15px;

Contoh kode untuk mengubah jenis dan ukuran font.

.post-body{font-family:georgia;font-size:15px;

Klik simpan template dan selesai.

Keterangan:

1. Ganti georgia dengan jenis font yang kita sukai.
2. Ganti 15px dengan ukuran font yang kita sukai.
3. Gunakan tombol Ctrl+F pada keyboard untuk mempercepat proses pencarian kode yang kita inginkan di dalam template blog.
4. Unduh dan simpan template blog kita terlebih dahulu sebagai langkah antisipasi jika kita mengalami kegagalan ketika proses editing berlangsung.

Pada dasarnya tujuan utama pengunjung datang ke blog kita adalah untuk membaca. Karena itu, berikanlah tampilan jenis font yang selaras dengan desain template blog kita dan mudah serta nyaman untuk dibaca. Atur juga ukuran font agar tidak terlalu besar atau terlalu kecil. Sehingga, dengan pengaturan jenis dan ukuran font di postingan blog yang pas akan membuat pengunjung semakin betah untuk berlama-lama membaca setiap halaman postingan di blog kita.