Showing posts with label Blog. Show all posts
Showing posts with label Blog. Show all posts

Thursday, March 23, 2017

cara membuat simple sitemap100% SEO Friendly

Sejatinya sebuah blog yang bagus adalah blog yang memiliki fitur yang lengkap. Salah satu fitur tersebut yang dianggap sebagai pondasi blog adalah sebuah laman sitemap. Sebenernya buat sitemap menurut saya sangatlah mudah, agan tinggal ikutin tutorial di bawah ini

Cara Membuat Simple Sitemap 100% SEO Friendly

1. Login ke Blogger
2. Setelah masuk, pada bar menu, klik 'laman' lalu klik 'laman baru'
Cara membuat simple sitemap 100% SEO

3. Lalu klik tab HTML dan bukannya compose  (ingat, tab HTML)
Cara membuat simple sitemap 100% SEO

4. setelah semuanya selesai, masukkan kode dibawah ini
 <style type='text/css' scoped='scoped'>
#show-cat{float:left;margin-right:20px;width:220px;height:391px;overflow-x:hidden;overflow-y:auto;line-height:18px}
#show-cat ul{margin:0;border-top:1px solid #ccc;padding:0}
#show-cat ul li{list-style-type:none;margin:0;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;padding:0}
#show-cat ul li a{display:block;padding:10px}
#show-cat ul li a,#navi-cat a{background:#fff;color:#d80556;text-decoration:none}
#show-cat ul li a,#navi-cat a,#navi-cat span{font-size:12px}
#show-cat ul li a:hover,#navi-cat a:hover{background:#ccc;color:#fff}
#show-post{float:left;width:60%}
#show-post ul li{list-style-type:none}
#navi-cat{padding:20px 0}
#navi-cat a{margin-right:10px;border:1px solid #ccc}
#navi-cat a,#navi-cat span{padding:5px 10px}
#navi-cat span{float:right}
</style>
<div id='show-cat'></div>
<div id='show-post'>
<script type='text/javaScript'>
var cat_home='http://www.aristeknologi.blogspot.com';cat_numb=11;cat_pre='Prev';cat_nex='Next';
var cat_name;var cat_start;var cat_class;
function show_post2(a){var tt=a.feed.openSearch$totalResults.$t;dw='';dw+='<ul>';for(var i=0;i<cat_numb&&i<a.feed.entry.length;i++){var entry=a.feed.entry[i];cat_title=entry.title.$t;for(var j=0;j<entry.link.length;j++){if(entry.link[j].rel=='alternate'){var cat_url=entry.link[j].href}}dw+='<li>';dw+=(cat_start+i)+'. <a href="'+cat_url+'" rel="nofollow" title="'+cat_title+'">'+cat_title+'</a>';dw+='</li>'}dw+='</ul>';dw+='<div id="navi-cat">';if(cat_start>1){dw+='<a href="" onclick="show_post(\''+cat_name+'\',\''+(cat_start-cat_numb)+'\',\''+cat_class+'\');return false" title="'+cat_pre+'">'+cat_pre+'</a>'}if((cat_start+cat_numb-1)<tt){dw+='<a href="" onclick="show_post(\''+cat_name+'\',\''+(cat_start+cat_numb)+'\',\''+cat_class+'\');return false" title="'+cat_nex+'">'+cat_nex+'</a>'}dw+='<span>'+cat_start;if(cat_start!=tt){dw+=' &ndash; '+(cat_start+i-1)}dw+=' / '+tt+'</span>';dw+='</div>';document.getElementById('show-post').innerHTML=dw+'<style type="text/css">.cat-'+cat_class+' a{background:#bbb!important;color:#fff!important}<\/style>'}function show_post(a,b,c){var d=document.getElementsByTagName('head')[0];e=document.createElement('script');e.type='text/javascript';e.setAttribute('src',cat_home+'/feeds/posts/default/-/'+a+'?alt=json-in-script&start-index='+b+'&max-results='+cat_numb+'&callback=show_post2');d.appendChild(e);cat_name=a;cat_start=parseInt(b),cat_class=c}function show_cat(a){var cat=a.feed.category;dw='';dw+='<ul>';for(var i=0;i<cat.length-1;i++){for(var j=i+1;j<cat.length;j++){if(cat[i].term>cat[j].term){cat_hv=cat[i].term;cat[i].term=cat[j].term;cat[j].term=cat_hv}}}for(var i=0;i<cat.length;i++){dw+='<li class="cat-'+i+'">';dw+='<a href="" onclick="show_post(\''+cat[i].term+'\',\'1\',\''+i+'\');return false" title="';dw+=cat[i].term;dw+='">';dw+=cat[i].term;dw+='</a>';dw+='</li>'}dw+='</ul>';document.getElementById('show-cat').innerHTML=dw}document.write('<script type="text/javascript" src="'+cat_home+'/feeds/posts/default?alt=json-in-script&max-results=0&callback=show_cat"><\/script>');
</script>
</div>
<div style='clear:both'></div>
 
5. ganti nama web saya ((www.aristeknologi.blogspot.com) dengan nama web agan dan ganti 11 sesuai selera agan. Perlu diingat bahwa angka 11 adalah jumlah postingan per label.
6. jika blog agan, tidak ingin dikomentari silahkan klik option/pilihan lalu pilih di tab komentar 'jangan bolehkan'
7.Setelah semua selesai klik publikasi/publish

perlu diingat bahwa sitemap ini akan bekerja dengan membuat label, jika agan belum membuat label blog, bersegeralah membuatnya. Cara membuat simple sitemap 100% SEO


jika ada yang mau tanya atau ada kendala seputar sitemap ini, bisa berkomentar di kolom komentar dibawah ini. Semoga halaman sitemap / daftar isi ini bisa memudahkan agan dalam mendaftarkan blog agan ke google adsense :) saya harap ilmu yang saya share bermanfaat buat agan

sumber : http://www.kompiajaib.com/2013/11/simple-sitemaps-untuk-blogger.html
Read More

Tuesday, February 21, 2017

5 Website Unduh Gambar Gratis bebas Hak cipta


5 Website Unduh Gambar Gratis tanpa Hak cipta

banyak masyarakat yang tidak tau apa itu hak cipta / copyright. Tidak sedikit pula desainer yang belum mengetahui hak cipta. menurut wikipedia hak cipta adalah hak untuk menyalin suatu karya secara tidak sah. Jadi dengan kata lain mencuri karya orang lain.

Pada Lingkungan blogger ini sangat tidak disukai oleh google adsense karena google adsense menginginkan gambar yang bebas dari hak cipta. Begitu Pula halnya dengan  seorang desainer, seorang desainer yang baik adalah menggunakan editannya secara bijak dengan memperhatikan segi hak cipta agar tidak merugikan orang lain.

 Namun saya punya pemecahan permasalahan ini. Saya menemukan beberapa website yang menyediakan gambar gratis yang bebas hak cipta (sudah gratis, bebas hak cipta pula :D ). website tersebut antara lain :

1. Pixels (Recommended)
5 Website Unduh Gambar Gratis Bebas Hak cipta

Website ini favorit saya dalam menemukan gambar gratis. Banyak foto gratis yang bisa agan comot di website ini dari yang gratis maupun berbayar. loh kok berbayar ? katanya gratis, nah di website ini bukan hanya gambar gratis gan. Jadi gini, gambar yang diupload disana itu sudah melalui proses photography dan editing sedemikian rupa jadi bisa jadi si creator menagih tarif untuk hal tersebut. Namun, seperti kata saya diatas 80% isi website ini gambar gratis kok.

2. Life Of Pix
5 Website Unduh Gambar Gratis tanpa Hak cipta

pada halaman depan website ini sudah bisa dipastikan bahwa website ini menyediakan beraneka ragam foto gratis. gak tanggung tanggung, website ini menyediakan 100% gambar gratis. website ini memang sengaja mendonasikan berbagai gambar gratis untuk blog, desainer, dll.

3. Pixabay (Recommended)
5 Website Unduh Gambar Gratis Bebas Hak cipta

Ini juga termasuk website favorit saya gan. tidak berbeda halnya dengan pixels, pixabay menyediakan berbagai gambar yang bebas hak cipta. tidak seperti pixels, pixabay kadang tidak se-kompleks pixels jadi jangan heran kalo gambarnya tidak ditemukan.

4. FreeImages
5 Website Unduh Gambar Gratis Bebas Hak Cipta

Yap dari namanya aja dah keliatan kalo ini website free image alias website penyedia gambar gratis. Gausah panjang lebar, website ini tujuan utamanya share foto gratis seperti life of pix.

5. Google Image
5 Website Unduh Gambar Gratis Bebas Hak Cipta

Siapa sih yang gk kenal sama google image. pasti banyak dari kalian yang menggunakan fitur google ini untuk cari gambar entah itu buat artikel sampai desainer. Namun, kebanyakan gambar dari google image ialah gambar milik orang lain yang artinya gambar gambar tersebut mengandung hak cipta.

lalu kenapa kok dimasukkan ke pencari gambar bebas hak cipta ? nah gini gan, di fitur google images itu ada fitur dilabeli untuk digunakan ulang, nah klik aja. Jreng jreng, keluarlah gambar bebas gratis hak cipta.

Kebanyakan gambar bebas hak cipta di google images biasanya diambil dari website penyedia gambar gratis seperti diatas sampai wikipedia

Penutup

Nah itulah beberapa website yang menyediakan berbagai gambar gratis bebas hak cipta, Saya Harap banyak orang yang paham tentang masalah copyright. semoga banyak blogger dan desainer yang tidak menggunakan gambar yang bukan milik mereka.
Read More

Wednesday, December 28, 2016

cara buat widget subscriber blog SEO Flat UI

widget subscribe Flat UI


cara membuat widget subscribe by email untuk blog memang mudah mudah sulit bagi kalangan websmaster.  saya kali ini aan membagikan tips trik cara membuat widget subscribe by email SEO untuk agan. ok langsung saja tanpa basa basi lagi

letakkan kode dibawah tepat diatas kode ]]></b:skin>


#subscribe-box {width: 300px;height: auto;border-radius: 2px;background-color: #95a5a6;box-shadow: 0px 3px 0px 0px #7f8c8d;padding-bottom:10px}
#subscribe-box .title {padding: 10px 25px;line-height: 30px;font: 26px Oswald;color: #555;text-align: center;background: #ecf0f1;text-transform:uppercase;border-radius:2px 2px 0 0;}
#subscribe-box p {font-family: 'Droid Serif';font-size: 13px;color:#555;line-height: 20px;padding: 10px 20px 0 20px;margin: 0;}
#subscribe-box .emailfield {padding: 0px 20px 10px;}
#subscribe-box .emailfield input {color: #777;padding: 10px;margin-top: 10px;font-size: 15px;font-family: 'Droid Serif';width: 92%;border:0;border-radius: 2px;box-shadow: 0px 3px 0px 0px #bbb;}
#subscribe-box .emailfield input:focus {outline: none;}
#subscribe-box .emailfield .submitbutton {background: #F4836A;color: #fff!important;border:none;outline: none;width: 100%;cursor:pointer;border-radius: 2px;box-shadow: 0px 3px 0px 0px #e23b16;}
#subscribe-box .emailfield .submitbutton:active {padding-top: 11px;padding-bottom: 9px;box-shadow: 0px 1px 0px 0px #3293ba;}
#subscribe-box .emailfield .submitbutton:hover{background: #DD7761;}



setelah memasukkan kode diatas, agan lalu memasukkan kode ini di tata letak (terserah agan mau
diletakkan dimana) caranya klik add new widget lalu pilih html
 <div id='subscribe-box'>
              <div class='title'>
               Subscribe Here
              </div>
                 <p>Sign up here with your email address to receive updates from this blog in your inbox.</p>
             <div class='emailfield'>
              <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=Atekno&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
               <input type='text' name='name' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Your Name&quot;;}' onfocus='if (this.value == &quot;Your Name&quot;) {this.value = &quot;&quot;;}' value='Your Name'/>
               <input type='text' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Your Email&quot;;}' onfocus='if (this.value == &quot;Your Email&quot;) {this.value = &quot;&quot;;}' value='Your Email'/>
<input name='uri' type='hidden' value='Atekno'/>
<input name='loc' type='hidden' value='en_US'/>
                <input class='submitbutton' type='submit' value='Subscribe Now!'/>

              </form>
             </div>
</div>

Ganti Kata ATekno diatas menjadi ID Feedburner agan.

Sekian dari saya, jika agan kebingungan agan bisa bertanya dikolom komentar dibawah. Semoga informasi dari saya bermanfaat bagi semua
Read More

Saturday, December 24, 2016

Review Propellerads untuk blog trafik rendah



mencari kerja sampingan bukanlah hal yang mudah dilakukan bagi seorang blogger. Seorang blogger harus pintar dalam Webmaster agar disukai oleh Google Adsense. Tapi Akhir - akhir ini untuk mendaftar Google Adsense bukan hanya pintar dalam SEO, Google lebih suka kepada blog yang bagus dengan artikel yang kaya akan kata.

Seorang Blogger termasuk saya menyadari bahwa Google Adsense bukanlah satu satunya penyedia iklan yang utama. Banyak diluar sana ladang emas yang belum dicoba oleh blogger sebagai kerja sampingan online. Pada kesempatan kali ini saya akan mereview tentang propeller ads dengan trafik blog saya yang tergolong sangat rendah.

Saya mencoba iklan berbasis CPM yaitu propeller ads kurang lebih 3 minggu dengan jenis iklan interstitial, pop under, dan push mobile. saya tidak bisa menggunakan jenis iklan banner karena PV saya kurang dari 10.000

nb: Banner hanya bisa dipasang diblog dengan Pageview diatas 10.000

berbeda dengan Google Adsense yang menggunakan metode PPC ( Pay Per Click), Propeller ads lebih mengarah ke metode CPM (Cost per Mile) dan CPA (Cost Per Action). propeller ads bisa menjadi CPA ketika visitor agan melakukan action / kegiatan didalam blog agan seperti mengunduh sesuatu, mem - follow blog agan maupun subscribe newsletter.  

Rata - Rata blog yang bukan blog download, propeller lebih ke CPM karena iklan akan tampil dalam seribu tayangan per halaman. eCPM / nilai CPM propeller tergolong tinggi yaitu bisa sampai $10 per klik. Namun sama halnya dengan Google Adsense, Propeller akan membayar eCPM sampai $10 dengan visitor dari negara negara premium seperti Amerika, Eropa, Australia dll.

Beruntunglah agan jika mempunyai blog yang berbahasa inggris dan memiliki visitor ratusan atau ribuan dari negara negara premium, Ini bisa menjadi sarana Alternatif buat agan selain Google Adsense. 


Trafik agan berapa sih ?
Rahasia perusahaan gan :v, pokoknya PV blog saya masih dibawah 10.000 . menurut saya pribadi, trafik blog sangat sangat rendah :'v . (jangan ngejek gan :'v)

Karena agan juga bertrafik rendah sama dengan saya, saya akan membagikan pengalaman saya selama kurang lebih 2 minggu dengan propeller ads dengan trafik yang berasal bukan  dari negara premium

penghasilan sebesar $0.05 atau sekitar 650 dengan kurs dollar saat ini

eksperimen saya di minggu pertama adalah dengan memasang iklan jenis pop under + mobile push up + Instertitial. eksperimen saya diminggu pertama mengakibatkan blog sangat lemot karena kebanyakan iklan dan juga visitor menjadi anjlok. 3 hari kemudian saya mencopot yang instertitial
eksperimen saya diminggu kedua, hanya memakai pop under + mobile push- up, Sama halnya dengan minggu pertama, visitor saya juga menurun. Setelah di Selidiki ternyata visitor juga tidak betah dengan iklan pop under. alasan saya memasang iklan pop under karena jenis iklan yang satu ini bayarannya sangat wow. tidak itu juga, setelahnya saya hanya memasang jenis iklan mobile push up saja. kenapa ? karena visitor blog saya sudah mulai menurun akibat iklan pop under.

dan saya tidak menginginkan hal itu.

jadi kesimpulan dari saya adalah blog dengan trafik rendah sama seperti saya TIDAK COCOK dipasang iklan propeller ads. why ? seperti curhatan saya diatas, iklan dari propeller lebih bergantung pada iklan oneclick / iklan pop under. iklan inilah yang menyebabkan trafik blog menurun.

bukan itu saja propeller ads belum menyediakan metode pembayaran dengan paypal, tapi dengan payooner dengan Payout sebesar $100 dan Wire Transfer/ transfer kawat sebesar $500.

Bisa jadi, penghasilan agan lebih optimal jika visitor dari perangkat desktop bukan dari seluler. Tapi jika agan hanya ingin mencoba coba atau sedang compare dengan program lain, ini bisa dicoba. Agan hanya tinggal daftar di www.propellerads.com seperti biasa dan tinggal nunggu persetujuan dari propeller ads. persetujuan bisa nunggu beberapa menit dan tinggal verifikasi deh.

nb : Perlu diingat bahwa tidak ada syarat trafik blog untuk daftar dipropeller ads.

 Rate : 80/100

Kesimpulan : Propeller ads memang penyedia iklan berbasis CPM yang sejatinya sangat cocok bagi blog download, jadi menurut saya blog yang isinya artikel dan memiliki visitor yang rendah kurang optimal.

Demikian review dari saya tentang program propeller ads, jika ada yang mau nanya nanya bisa tanya dikolom komentar dibawah. semoga info ini bermanfaat bagi agan yang sedang cari peruntungan di dunia internet. 

Read More

Tuesday, November 15, 2016

Mengatasi tombol share yang menghalangi judul postingan di evo magz

Ilustrasi 

Beberapa hari yang lalu saya menemukan beberapa keanehan di template baru saya. saya mencoba
memakai template buatan mas sugeng yang cukup terkenal yaitu evo magz. keanehan yang saya temui cukup berbeda dari template yang lain yaitu tombol share yang seharusnya ada dibawah postingan tiba tiba ada di atas postingan atau lebih tepatnya di judul postingan. Akibatnya judul postingan/artikel menjadi terhalang dan mengakibatkan pengunjung kebingungan ketika mencari tombol share.

Setelah sekian lama saya mencari artikel di google kesana kemari, akhirnya saya menemukan artikel yang cocok dengan permasalahan saya ini. nah, saya akan membagikan solusi buat agan yang masih kebingungan dengan hal ini. simak tutorial berikut :

LANGKAH PERTAMA

caranya cukup mudah kok gan. agan pergi ke menu Template lalu pilih edit HTML. lalu agan mencari kode dibawah ini
}
.share-buttons {
 margin:0 0;
 height:67px;
 float:left;
}
.share-buttons .share {
 float:left;
 margin-right:10px;
 display:inline-block;
}
.share-buttons .tweet {
 margin-top: 41px;
}


biar lebih mudah caranya cukup dengan menekan Ctrl + F lalu ketikkan .share-buttons di kolom pencarian. setelah tercari kemudian agan akan menemukan kode diatas

LANGKAH KEDUA
penampakan kode di html

Setelah agan ketemu kode diatas agan tinggal nambahain huruf "x" tanpa tanda kutip. jadinya yang semula buttons menjadi buttonsx . Penampakan kodenya seperti gambar diatas

LANGKAH KETIGA

setelah agan selesai sama kode diatas, agan harus mencari 1 kode lagi yaitu :

<div class='share-buttons'>

lalu agan ganti menjadi :

<div class='share-buttonsx'>


LANGKAH KEEMPAT

Setelah selesai agan simpan template tadi dan cek deh. 100% tombol share tidak menghalangi judul post lagi.

tips diatas sudah saya praktekkan di template yang saya gunakan saat ini yaitu template evo magz 4.7 milik mas sugeng dan alhamdulillah akhirnya bisa 😊.
Sekian postingan dari saya, jika agan masih kebingungan, agan bisa bertanya via komentar di bawah.
Read More

Saturday, September 3, 2016

3 Situs untuk Mengecek Kecepatan Loading Blog


sekarang, blog digunakan untuk mencari berbagai informasi dari yang berbau edukasi maupun sampai tentang Komputer. salah satu faktor blognya rame adalah tentang kecepatan loading blog tersebut. masyarakat akan lebih memilih blog yang memiliki loading cepat karena keterbatasan waktu untuk mencari informasi.

nah, untuk agan para blogger yang pengen tau seberapa cepat loading blognya, saya merekomendasikan 3 situs berikut.

1.GTmetrix
Ini Linknya


Situs ini berisi tentang kecepatan dan performa blog agan. Situs ini menngecek seberapa lama loading agan, dan total request ketika blog agan dikunjungi. Situs ini juga memberi saran dan masukan terhadap blog agan.

2. PageSpeed Insight
ini linknya

nah,jika tadi ada GTmetrik, maka ini ada pagespeed buatan google. Tool ini telah disediakan oleh google untuk agan agan yang blogger. situs ini juga memberikan fitur Higha priority sampai low priority. Tidak Hanya GTmetrik saja, tool besutan google ini juga memberika saran dan masukan terhadap performa Blog agan

3. Pingdom Tools
Ini Linknya

situs ini menurut saya kurang terkenal ketimbang GTmetrik maupun PageSpeed Insight. Tidak berbeda dengan situs - situs diatas, situs ini berfungsi sebagai pengecek kecepatan loading agan. tapi ada fitur yang hanya dimiliki dalam situs ini ketimbang situs - situs diatas yaitu adanya pemilihan Mau mengetest lewat server mana. ada 5 pilihan agan mau mengetest lewat server yaitu Dallas (USA), Melbourne (Australia), New York City (USA), San Jose (USA), dan Stockholm (Swedia).

Penutup
Semoga informasi diatas bisa menjadi tolak ukur agan sebagai blogger. dengan beberapa situs diatas agan juga bisa memepersiapkan untuk mendaftarkan blog agan ke Google AdSense.
Read More