Maintenance

Maintenance PC

Designer

Multimedia Designer

Result

Reporting Result

02 August 2018

Pasang Meta Tag pada Blogger

Meta Tag dalam artian bahasanya, ibarat kunci rumah yang spesifik untuk membuka pintu.bisa diartikan meta tag itu sebagai perantara blog kita ke search engine atau mesin pencari agar informasi pada blog kita bisa dengan mudah terindeks oleh search engine seperti google, yahoo, bing. Informasi yang diberikan blog kita ke google akan lebih spesifik sehingga setiap kata yang diketikkan di google bisa mengarah ke blog kita.

Untuk memasang meta tag ke blogger ada  beberapa tahapan. Selain itu, ada dua cara memasang meta tag.  

🔑 Cara pertama modifikasi script pada template Blog:
  • Pertama masuk ke Blogger, lalu klik Template dan pilih Edit HTML.
  • Kemudian cari kode dibawah ini di halaman HTML. Untuk mempermudah pencarian tekan shortcut "Ctrl+F"


     <b:include data='blog' name='all-head-content'/> 

    Setelah dapat kode diatas, copy lagi script dibawah ini, dan paste tepat dibawah kode diatas. Tampilannya akan seperti pada gambar.

<meta content='DESKRIPSI BLOG' name='description'/>
<meta content='KATA KUNCI BLOG' name='keywords'/> 



Keterangan Script
Deskripsi Blog : Utuk pengisian deskripsi blog ini isi sesuai dengan blog Anda. Contohnya blog tentang mobil, deskripsinya bisa seperti ini " Blog yang memberikan informasi tentang cara membuat dan mendesain website dengan mudah. ". Usahakan panjang deskripsi antara 150-160 karakter saja.

Kata Kunci Blog : Pada bagian meta keyword isi dengan kata kunci yang mengacu pada judul blog untuk memaksimalkan pencarian di mesin pencari. Misal dari contoh di atas keywordnya bisa digunakan kata "website,membuat website,tips membuat website,tips mendesain website,website ramai pengunjung," dan seterusnya. Usahakan keywordsnya jangan banyak-banyak, maksimal 15 saja, kalau bisa antara 8-10 kata saja biar lebih SEO friendly.
  • Setelah selesai mengisi semuanya, lalu klik Simpan template.

🔑Cara yang kedua ini sebenarnya hanya merupakan pendukung dari cara sebelumnya, agar blog lebih SEO friendly lagi. Begini caranya:


  • Kembali lagi ke Template lalu Edit HTML seperti langkah awal diatas. Lalu copy kode dibawah ini dan paste dibawah kode baru yang tadi sudah ditambahkan pertama kali. Posisinya seperti gambar.

<meta content='Index, Follow' name='robots'/>
<meta content='JasabuatSoftware' name='JasabuatSoftware'/>
<meta content='© 2018 JasabuatSoftware' name='copyright'/>
<meta content='2 days' name='revisit'/>
<meta content='never' name='expires'/>
<meta content='always' name='revisit'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='Bahasa' name='language'/>
<meta content='Indonesia' name='geo.country'/>
<meta content='All-Language' http-equiv='Content-Language'/>
<meta content='global' name='distribution'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<meta content='global' name='target'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='index, follow' name='googlebot'/>
<meta content='follow, all' name='Googlebot-Image'/>
<meta content='follow, all' name='msnbot'/>
<meta content='follow, all' name='Slurp'/>
<meta content='follow, all' name='ZyBorg'/>
<meta content='follow, all' name='Scooter'/>
<meta content='all' name='spiders'/>
<meta content='all' name='WEBCRAWLERS'/>
<meta content='noodp' name='robots'/>
<meta content='noydir' name='robots'/>
<link expr:href='data:blog.url' rel='canonical'/>
<meta content='aeiwi, alexa, alltheWeb, altavista, aol netfind, anzwers, canada, directhit, euroseek, excite, overture, go, google, hotbot. infomak, kanoodle, lycos, mastersite, national directory, northern light, searchit, simplesearch, Websmostlinked, webtop, what-u-seek, aol, yahoo, webcrawler, infoseek, excite, magellan, looksmart, bing, cnet, googlebot' name='search engines'/> 


Sekarang tingggal ganti author dengan nama Anda, kemudian copyright dengan judul blog Anda. Buat geo.placename, geo.country dan language bisa diganti tergantung negara mana yang jadi priorotas dan bahasa apa yang di gunakan pada blog anda. 
Kemudian Simpan template, blog Anda sudah lebih SEO friendly.

27 July 2018

Related Post Dengan Google CSE (Custom Search Engine) pada Blog

Related post merupakan daftar dari artikel yang memiliki topik pembahasan yang sama dengan artikel utama yang sedang dibaca. Berfungsi untuk menarik minat pengunjung agar membuka artikel lain. Ini jelas bagus karena pengunjung akan menghabiskan waktu lebih lama di blog kamu. Bisa banget buat menurunkan bounce rate. Kita nggak bakal membuat related post atau artikel terkait dengan Javascript biasa. Kali ini sedikit berbeda, karena kita akan membuat related post menggunakan Google CSE.

Custom Search Engine (CSE) merupakan layanan Google khusus untuk melakukan pencarian di blog. Biasanya hasil dari CSE hanya akan keluar apabila anda melakukan aktifitas pencarian terlebih dahulu. Hasilnya akan menampilkan artikel terkait lebih banyak yang dibagi menjadi beberapa halaman. Ketika pindah halaman pun dia nggak nge-reload dulu.

A. Buat Unit CSE

Pertama, anda harus create/buat unit CSE yang baru terlebih dulu.
Buka link cse.google.com

Pada kolom Site to Search, isi dengan URL blog anda diikuti tanda slash dan bintang.
 Contoh:
 jasabuatsoftware.blogspot.com/*

Pada Language pilih Indonesia. Atau sesuaikan dengan bahasa blog anda.

Pada Name of the search engine, isi sesuai keinginan anda. Ini adalah nama unit Google CSE.

Selesai? Klik tombol CREATE 




Pada menu Look and feel, pilihlah Results only. Lalu klik tombol Save & Get Code

Akan muncul kode CSE yang tadi dibuat. Dan perhatikan bagian var cx = '0090xxxxxxxxxxxxxx:abcde_fg' Ini adalah search engine ID yang nanti kamu perlukan. Sementara simpan dulu di notepad.

B. Pengaturan di Blog

Cara perapkan pada blogger Langkahnya:
Untuk memperbagus tampilan, tambahkan dulu kode CSS berikut. Simpan ⏫ SEBELUM </style> ATAU </b:skin>.
 /* Related Post with Google CSE by Pirates Code */
#PCRelate {margin:0px; padding:0px; text-align:center; border-top:0px; border:1px solid #008c5f; border-top:0px} #PCRelate h3{font-size:18px; font:bold 18px Tahoma,sans-serif; margin:0px 0px 5px 0px; background:#008c5f; color:#fff; text-align:left; text-transform:uppercase; overflow:hidden; padding: 7px 20px}
#piratCSE {padding:0 20px 10px 20px; text-align:left; width:auto; height:100%; line-height:18px}
#piratCSE .cse .gsc-control-cse, .gsc-control-cse {padding:0px}
#piratCSE .gsc-control-cse {margin:0px; padding:0px}
#piratCSE .gsc-control-cse .gsc-table-result {margin:0 0 15px 0}
#piratCSE .gsc-results {width:100%}
#piratCSE .gsc-search-box, #piratCSE .gsc-above-wrapper-area, #piratCSE .gsc-resultsHeader {display:none}
#piratCSE .gsc-webResult .gsc-result {padding:0px}
#piratCSE .gsc-webResult .gsc-result:nth-child(4) {border-bottom:0}
#piratCSE .gs-result .gs-title, #piratCSE .gs-result .gs-title * {text-decoration:none; color:#008c5f; font-size:14px; font-weight:600; padding-bottom:18px}
#piratCSE .gs-result .gs-snippet {font-size:12px}
#piratCSE .gsc-reviewer, #piratCSE .gs-result a.gs-visibleUrl, #piratCSE .gs-result .gs-visibleUrl{color:#767676}
#piratCSE .gsc-table-cell-thumbnail, #piratCSE .gs-promotion-image-cell {padding-right:10px}
#piratCSE .gsc-results .gsc-cursor-box {margin:0px}
#piratCSE .gsc-preview-reviews ul {margin:0px}
#piratCSE .gsc-cursor .gsc-cursor-page.gsc-cursor-current-page, #piratCSE .gsc-cursor .gsc-cursor-page {color:#fff; text-decoration:none; margin:5px 10px 0 0; padding: 5px 10px; border-radius: 5px; display:inline-block}
#piratCSE .gsc-cursor .gsc-cursor-page.gsc-cursor-current-page {background:#2f303f !important}
#piratCSE .gsc-cursor .gsc-cursor-page {background:#008c5f}
#piratCSE .gsc-cursor .gsc-cursor-page:hover {background:#2f303f}
#piratCSE .gsc-url-top {padding:0px}
#piratCSE .gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType {color:#2f303f}
#piratCSE .gsc-thumbnail-inside {padding:0px} 

Cari kode <data:post.body/>. Gunakan shortcut CTRL + F untuk memudahkan. Jika ada beberapa kode, pilih yang terakhir. Tapi struktur setiap template pasti berbeda. Pastikan anda memilih salah satu yang work dengan template anda.

Simpan script berikut ⏬ SETELAH <data:post.body/>

<b:if cond='data:view.isPost'>
<div id='PCRelate'>
<h3>Artikel Terkait</h3>
<div id='piratCSE'/>
<script>//<![CDATA[
// Related Post with Google CSE piratescode
function piratCSE() {
  if (document.readyState != 'complete') {
    return google.setOnLoadCallback(piratCSE, true);
  }
  google.search.cse.element.render({gname:'gsearch', div:'piratCSE', tag:'searchresults-only', attributes:{linkTarget:'', webSearchResultSetSize:'small'}});
  var element = google.search.cse.element.getElement('gsearch');
  //]]>
  element.execute(&quot;<b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <data:label.name/> <b:if cond='data:label.isLast != &quot;true&quot;'>, </b:if></b:loop></b:if>&quot;);
  //<![CDATA[
};
window.__gcse = {
  parsetags: 'explicit',
  callback: piratCSE
};
(function() {
var cx = '0080xxxxxxxxxxxxxx:abcde_fg';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
//]]></script>
</div>
<div class='clear'/>
</b:if> 

Simpan Template


Fungsi Terbilang pada Delphi


Pada postingan ini akan membahas Fungsi Terbilang yang di gunakan untuk mengubah input dari angka menjadi output berupa huruf.


Berikut Langkah menggunakannya :

1. Buat Function menggunakan tipe Data string dan copykan kode berikut ini di bawah kode implementation atau anda bisa tempatkan di bawah syntax {$R *.dfm}


//Konversi Nilai Mata Uang ke dalam bahasa Indonesia

Function Terbilang(Uang:Int64):String;
Begin
      If (Uang = 1) Then Terbilang:='Satu '
      Else If (Uang = 2) Then Terbilang:='Dua '
      Else If (Uang = 3) Then Terbilang:='Tiga '
      Else If (Uang = 4) Then Terbilang:='Empat '
      Else If (Uang = 5) Then Terbilang:='Lima '
      Else If (Uang = 6) Then Terbilang:='Enam '
      Else If (Uang = 7) Then Terbilang:='Tujuh '
      Else If (Uang = 8) Then Terbilang:='Delapan '
      Else If (Uang = 9) Then Terbilang:='Sembilan '
      Else If (Uang = 0) Then Terbilang := ' '
      Else If (Uang = 10) Then Terbilang := 'Sepuluh '
      Else If (Uang = 11) Then Terbilang := 'Sebelas '
      Else If (Uang >= 12) And (Uang <= 19) Then Terbilang:=Terbilang(Uang Mod 10) + 'Belas '
Else If (Uang >=20) And (Uang <=99) Then Terbilang := Terbilang(Uang div 10) + 'Puluh ' + Terbilang(Uang Mod 10)
Else If (Uang >=100) And (Uang <=199) Then Terbilang := 'Seratus ' + Terbilang(Uang - 100)
Else If (Uang >= 200) And (Uang <=999) Then Terbilang := Terbilang(Uang div 100) + 'Ratus ' + Terbilang(Uang Mod 100)
Else If (Uang >=1000) And (Uang <=1999) Then Terbilang := 'Seribu ' + Terbilang(Uang - 1000)
Else If (Uang >=2000) And (Uang <=999999) Then Terbilang := Terbilang(Uang div 1000) + 'Ribu ' + Terbilang(Uang Mod 1000)
Else If (Uang >=1000000) And (Uang <=999999999) Then Terbilang := Terbilang(Uang div 1000000) + 'Juta ' + Terbilang(Uang Mod 1000000)
Else If (Uang >=1000000000) And (Uang <=999999999999) Then Terbilang :=Terbilang(Uang div 1000000000) + 'Milyar ' + Terbilang(Uang Mod 1000000000)
Else If (Uang >=1000000000000)  Then Terbilang :=Terbilang(Uang div 1000000000000) + 'Triliun ' + Terbilang(Uang Mod 1000000000000);
End;

2. Cara pemanggilan fungsi kode terbilang, Tambahkan komponen  TMemo, TEdit, TButton
3. Ubah nama komponen

        TEdit  ⏩  Edit1
        TMemo  ⏩  Memo1
        TButton  ⏩  Button1

4. Masukkan kode pemanggil terbilang pada TButton.Click seperti pada contoh berikut ini
procedure TForm1.Button1Click(Sender: TObject);
begin
 Memo1.Text := Terbilang(StrToInt64(Edit1.Text));
end;

untuk Contoh Sorce Code bisa download 

Via MEGA



19 July 2018

Template Blog magazine style SEO Friendly Responsive

Template-template blog dengan desain magazine style sangat cocok melengkapi segala jenis Blog Seperti Berita, Bisnis, Tutorial.



Berikut ini adalah Beberapa Template Gratis/Free yang bisa anda gunakan



1. Bpress - Magazine Responsive SEO Blogger Template


Live Demo- Download
2. Dynamic Mag -Magazine Responsive SEO Blogger Template


Demo - Download
3. Responsive Multipurpose Blogger Template v1.1


Demo. Download
4.Flat News -Magazine Responsive SEO Blogger Template


Live Demo - Download
5.Syahira -Magazine Responsive SEO Blogger Template


Demo - Download
6.Easy News -Magazine Responsive SEO Blogger Template

Demo - Download
7. My Extra News -Magazine Responsive SEO Blogger Template
Demo - Download
8.Cody -Magazine Responsive SEO Blogger Template


Demo - Download
9. Gravity Blogger Template High CTR Adsense


DEMO - DOWNLOAD
10. Fast Blog Responsive


Demo - Download
11. Sang Ads - Seo Friendly & Responsive High CTR Adsense Template


Demo - Download
12. Vikka Fast and Responsive High CTR Adsense Template


Demo - Download

13. Invision - Best Responsive High CTR Adsense Template


DEMO - DOWNLOAD
14. Axact v3.1 – Responsive Magazine Blogger Theme


Demo - Download

15. Setiva v1.6 – Responsive Magazine Blogger Template


Demo - Download

16. Magpress v3.1 – Magazine Responsive Blogger Template


DEMO - DOWNLOAD
17. MagOne v6.2.6 – Responsive News & Magazine Blogger Template


Demo - Download

18. Sevida v2.5 – Responsive Magazine Blogger Template


DEMO - DOWNLOAD

19. SILVANA – Blogger Template Responsive


Demo - Download

20. Apriezt v2.1 – Responsive Magazine News Blogger Theme


Demo - Download

21. SNews v1.5 – News / Magazine Responsive Blogger Theme


DEMO - DOWNLOAD
22. Punjab Press v5 Responsive Blogger Template


DEMO - DOWNLOAD

23. Ijonkz v2.0 – Responsive Magazine/News Blogger Template


Demo - Download

24. Apriezt v2.1 – Responsive Magazine News Blogger Theme

Demo - Download

25. Rifqiy v2.0 – Responsive Magazine/News Blogger Template

DEMO - DOWNLOAD

26. Maxxiz – Themeforest Responsive Magazine/News Blogger Template V1.3
Hasil gambar untuk Maxxiz – Themeforest Responsive Magazine/News Blogger Template V1.3
Demo - Download
27. Adamz v2.1 - Responsive Blogger Template

DEMO - DOWNLOAD
28. Ajbspot – Responsive MultiPurpose Blogger Template

DEMO - DOWNLOAD

29. XPress News – Responsive Blogger Magazine

Demo - Download

30. Geekish – Technology News Blogger Template

Demo - Download
31. Gagbox – Premium Memes Blogger Template

DEMO - DOWNLOAD

32. iPress – Multimedia Blogger Template

DEMO - DOWNLOAD
33. Extra News – Responsive Blogger Template

DEMO - DOWNLOAD

34. BlackNews – Magazine Premium Blogger Template
Demo - Download

35. Alpha
 
Demo - Download

36. Flat Mag – Responsive Magazine Blogger Template v1.2

Demo - Download