EditBlog

Help you by sincere

November 15, 2018

TRIK MEMASANG TOMBOL SHARE ADDTHIS TERBARU GAYA EDITBLOG

0
Saya benar benar tidak bisa melewatkan waktu untuk menjawab pertanyaan dan berbagi, ketika seorang pengunjung bertanya gimana sih caranya memasang tombol berbagi mirip editblog? Sebelum saya tidak bisa menjawab setiap pertanyaan lebih baik saya manfaatkan waktu untuk menjawabnya.

Lagian tentu saja tombol share ini hanya dipasang sementara buat contoh saja di blog ini.  Walau bagaimanapun, para pengunjung benar benar "nyawa" blog ini, mereka adalah insipirasi. Mereka semua yang membuat editblog menjadi "hidup" dan bernyawa.

Adapun bentuk tombol yang dipakai editblog adalah hasil modifikasi saya adalah sebagai berikut:
Jika tombol tersebut yang bertuliskan "BAGIKAN" disentuh akan berubah warna  segera menampilkan deretan tombol berbagi dari AddThis sbb:

Saya jamin sangat responsive dan akurat. Cara pemasangannya adalah sebabagi berikut:

1. Masuk ke pengaturan blogger, pilih tema lalu pilih editHTML. Setelah halaman HTML muncul tekan ctrl+f tuliskan "share buttons" (tanpa tanda kutip) pada kotak pencarian dan tekan enter, tampilannya seperti ini: <!--share buttons--> 

Nah dibawahnya ada kode: <div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>

Atau: <div class='post-share-buttons goog-inline-block'>
<b:include cond='data:post.sharePostUrl' data='post' name='shareButtons'/>
</div>

Pokoke di antara salah satu keduanya, kedua kode itu yang menampilkan tombol share bawaan blogger yang jadul seperti gambar di bawah ini:
Jadi hapus saja kode tersebut sampai habis, tinggalkan
 <!--share buttons--> karena  dibawahnya akan kita pastekan kode pengganti yang telah saya edit, kodenya adalah sbb silahkan di copy dan di pastekan.

<style type='text/css'>
.addthis_share_btn a, .addthis_share_btn a:visited {
background: #1E90FF; /* background color of the button */
display: inline-block;
padding: 6px 12px;
font-family: arial,helvetica,lucida,verdana,sans-serif;
font-size: 14px;
line-height: 1em;
color: #fff;
text-decoration: none;
-moz-border-radius: 10px;
-webkit-border-radius: 15px;
-moz-box-shadow: 0 3px 9px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
border-radius: 5px;
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
}
.addthis_share_btn a:hover {
background: #FF00FF; /* background color on mouse hover */
color: #fff;
}
.addthis_share_btn a:active { top: 1px; }

.addthis_share_btn a span, .addthis_share_btn:visited a span {
background: url(http://www.addthis.com/cms-content/images/gallery/icon-addthis.gif) no-repeat left;
padding: 1px 0 1px 18px;
}

</style>
<!-- editblog share buttons start-->
<div class='addthis_toolbox addthis_share_btn'>
<a class='addthis_button_compact' href='http://addthis.com/bookmark.php'>
<span><i aria-hidden='true' class='fa fa-share-alt'> BAGIKAN:</i></span></a>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
<!-- editblog share buttons end-->

SAVE template.
Selengkapnya... »

November 14, 2018

RELATED POST KEREN GENERIK YANG SANGAT RESPONSIF

0
Tidak semua tampilan related post yang ingin kita pasang kadang memenuhi harapan. Tidak ada yang sempurna. Seorang teman blogger setelah saya sarankan memasang related post ke dalam template blogger bawaan yang telah dimodifikasi dari blog Arlina Desizn malah meminta begini:

"Gan, saya pasang related post Mbak Arlina, lumayan bagus, bisa gak ya warna latar di robah, tampilan judul dipindah ke tengah atau Gayanya sedikit dipermak gitu"

Related post ini saya dapatkan dari blognya Arlina, setelah utak atik putar otak  tentu saja seperti biasa saya lakukan modifikasi agar tampilannya lebih dinamis, segar dan menarik, seperti biasa untuk membuatnya harus masuk terlebih dahulu ke pengaturan blog, pilih tema lalu pilih opsi editHTML:

Langkah pertama: Cari kode ]]></b:skin> letakan kode CSS dibawah ini diatasnya:

#related_posts{margin-top:20px} #related_posts h4{color:#fff;background:#3498db;padding:10px;margin:0 0 5px;font-size:110%;} #related_img{margin:0;padding:0;} #related_img:hover{background:0} #related_img ul{list-style-type:none;margin:0;padding:0} #related_img li{min-height:62px;border-bottom:1px solid #f1f1f1;list-style:none;margin:0 0 5px;padding:5px;} #related_img li a{color:#2672a0;} #related_img li a:hover{text-decoration:underline} #related_img .news-title{display:block;font-weight:bold!important;margin-bottom:5px;font-size:14px;} #related_img .news-text{display:block;font-weight:normal;text-transform:none;color:#888;font-size:11px;} #related_img img{float:left;margin-right:10px;width:60px;height:60px;max-width:100%;background:#fff}

Perhatikan kode yang saya sorot warna kuning pada kode CSS diatas, itu adalah kode warna font #fff; =PUTIH, sedangkan #3498db;adalah kode warna latar yang berarti =BIRU anda bisa merobah dengan kode warna hex css yang banyak di posting di internet. Saya tidak merobahnya karena saya suka warna biru.

Langkah kedua: Tambahkan kode CSS berikut tepat di bawahnya kode CSS di atas (ini adalah kode modifikasi saya sendiri):
.gradient-icon {
    background: -webkit-gradient(linear, left top, left bottom, from(#1E90FF), to(#FFC0CB));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: initial;
}

Langkah ketiga: Letakan kode dibawah ini diatas kode </head>

<script type='text/javascript'>/*<![CDATA[*/var relnum=0;var relmaxposts=5;var numchars=135;var morelink=" ";function saringtags(r,l){for(var e=r.split("<"),n=0;n<e.length;n++)-1!=e[n].indexOf(">")&&(e[n]=e[n].substring(e[n].indexOf(">")+1,e[n].length));return e=e.join(""),e=e.substring(0,l-1)}function relpostimgthum(r){for(var l=0;l<r.feed.entry.length;l++){var e=r.feed.entry[l];reljudul[relnum]=e.title.$t,postcontent="","content"in e?postcontent=e.content.$t:"summary"in e&&(postcontent=e.summary.$t),relcuplikan[relnum]=saringtags(postcontent,numchars),postimg="media$thumbnail"in e?e.media$thumbnail.url:"http://lh3.ggpht.com/_xcD4JK_dIjU/SnamIh0KTCI/AAAAAAAADMA/hLjqmEbdtkw/d/noimagethumb.gif",relgambar[relnum]=postimg;for(var n=0;n<e.link.length;n++)if("alternate"==e.link[n].rel){relurls[relnum]=e.link[n].href;break}relnum++}}function contains(r,l){for(var e=0;e<r.length;e++)if(r[e]==l)return!0;return!1}function relatpost(){for(var r=new Array(0),l=new Array(0),e=new Array(0),n=new Array(0),t=0;t<relurls.length;t++)contains(r,relurls[t])||(r.length+=1,r[r.length-1]=relurls[t],l.length+=1,l[l.length-1]=reljudul[t],e.length+=1,e[e.length-1]=relcuplikan[t],n.length+=1,n[n.length-1]=relgambar[t]);reljudul=l,relurls=r,relcuplikan=e,relgambar=n;for(var t=0;t<reljudul.length;t++){var a=Math.floor((reljudul.length-1)*Math.random()),u=reljudul[t],s=relurls[t],i=relcuplikan[t],o=relgambar[t];reljudul[t]=reljudul[a],relurls[t]=relurls[a],relcuplikan[t]=relcuplikan[a],relgambar[t]=relgambar[a],reljudul[a]=u,relurls[a]=s,relcuplikan[a]=i,relgambar[a]=o}for(var g,m=0,h=Math.floor((reljudul.length-1)*Math.random()),c=h,d=document.URL;m<relmaxposts&&(relurls[h]==d||(g="<li class='news-title clearfix'>",g+="<a href='"+relurls[h]+"' rel='nofollow' target='_top' title='"+reljudul[h]+"'><img src='"+relgambar[h]+"' /></a>",g+="<a href='"+relurls[h]+"' target='_top'>"+reljudul[h]+"</a>",g+="<span class='news-text'>"+relcuplikan[h]+" ... <a href='"+relurls[h]+"' target='_top'>"+morelink+"</a><span class='news-text'>",g+="</li>",document.write(g),m++,m!=relmaxposts))&&(h<reljudul.length-1?h++:h=0,h!=c););}var reljudul=new Array,relurls=new Array,relcuplikan=new Array,relgambar=new Array;/*]]>*/</script>
<link href='https://netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>

Langkah keempat: Disini terlihat perbedaannya setelah saya lakukan perombakannya, yakni:

  1. Ada lambang icon dari fa fa awsome dengan efek warna gradasi
  2. Merobah posisi judul ke tengah

 cari kode <data:post.body/> ada beberapa kode serupa di dalam tema blogger, pilih yang ke-2 atau yang ke-3: letakan kode dibawah ini tepat dibawah kode yang saya sebutkan diatas:

<div id='related_posts'> <h4><center><i class="fa fa-book gradient-icon" aria-hidden="true">Artikel Terkait</i></center></h4> <b:loop values='data:post.labels' var='label'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=relpostimgthum&amp;max-results=50&quot;' type='text/javascript'/> </b:loop> <ul id='related_img'> <script type='text/javascript'>relatpost();</script> </ul> </div>

SAVE tema. Tampilan related postnya pada blog editblogtema sekarang (sebelum nanti saya robah lagi he he he)
Selengkapnya... »

TIP MEMILIH JENIS TEMPLATE BAWAAN BLOGGER TAHUN 2018

4
Tidak terasa usia dunia blogging telah tua ya. Tua untuk ukuran zaman yang semakin cepat berubah, blogger tentunya juga demikian. 
Menurut wikipedia:

Pada 23 Agustus 1999, Pyra Labs meluncurkan Blogger. Dan menjadi salah satu perangkat publikasi blog pertama di dunia, Blogger berperan dalam mempopulerkan format blog di dunia. Nah pada bulan Februari 2003, Pyra Labs diakuisisi oleh Google, membuat sejumlah fitur premium Blogger yang sebelumnya dikomersialkan dan menghasilkan uang bagi Pyra Labs menjadi layanan yang sepenuhnya gratis oleh Google. Selanjutnya pada Oktober 2004, salah satu pendiri Pyra Labs, Evan Williams, mengundurkan diri dari Google.

Pada tahun 2004, Google membeli Picasa, dan mengintegrasikannya dengan Blogger sehingga pengguna Picasa dapat mempublikasikan koleksi foto miliknya ke situs blognya. Melalui picassa inilah photo photo atau gambar gambar ilustrasi yang kita sematkan ke blog disimpan dan di link. Dan formatnya sudah semakin maju sekarang.

Pada 9 Mei 2004, Blogger memperkenalkan beberapa perubahan besar pada sistem publikasi blognya, menambahkan fitur seperti templat yang memenuhi standar web, halaman arsip individual untuk masing-masing posting dan komentar, serta fitur posting melalui email.

Pada 14 Agustus 2006, Blogger meluncurkan versi terbarunya dalam tahap beta, yang diberi nama kode "Invader". Versi terbaru ini memigrasikan pengguna Blogger ke server milik Google dan menambahkan beberapa fitur baru. Pada Desember 2006, versi baru ini keluar dari tahap beta. Mei 2007, Blogger selesai memigrasikan semua data penggunanya ke server Google.

RE-DESAIN (DESAIN ULANG) 

Semuanya ternyata bisa di desain ulang ya...
Sebagai bagian dari desain ulang Blogger pada tahun 2006, semua blog yang ada di Blogger dimigrasikan ke server Google. Blogger mengklaim bahwa dengan migrasi tersebut, layanan mereka lebih stabil karena kualitas server yang dimiliki Google memang jauh lebih baik dari server non-Google yang sebelumnya.

Dan seiring waktu yang terus berjalan...
perubahan berlanjut dangan migrasi layanan Blogger ke server Google ini, beberapa fitur baru diperkenalkan, meliputi manajemen label, antarmuka penataan layout template dengan cara geser-dan-letakkan (drag-and-drop), izin pembacaan blog gunanya agar membuat blog-blog menjadi lebih pribadi dan opsi web feed yang baru. 

Lebih lanjut, kini setiap blog diperbaharui secara dinamis, berbeda dengan sebelumnya di mana setiap posting atau komentar baru diperlakukan dengan menulis ulang file HTML. Sekarang blogger menjadi platform penting yang stabil dan mudah dipergunakan oleh siapapun.


Pada September 2009, Google memperkenalkan fitur baru sebagai bagian dari perayaan ulang tahunnya yang kesepuluh. Fitur tersebut meliputi tampilan baru untuk menulis post, penyempurnaan penanganan gambar, dan implementasi berbasis Google Docs lainnya, seperti:


  1. Menambahkan lokasi penulisan di post.
  2. Penanggalan tulisan ditentukan pada saat publikasi, bukan saat pembuatan.
  3. Pengubahan tautan di mode penulisan (Compose mode).
  4. Layanan penuh bagi Safari 3.
  5. Tampilan pratayang yang menampilkan post dengan perkiraan lebar tulisan dan ukuran font ketika tulisan tersebut dipublikasikan.
  6. Toolbar yang baru dengan tampilan khas Google, waktu pemuatan yang lebih cepat, dan tombol Undo serta Redo.
  7. Pada tahun 2010, Blogger memperkenalkan template baru dan melakukan desain ulang situsnya.
  8. Pada tahun 2013, Blogger mengupdate fitur fiturnya salah satunya fitur komentar dan integrasi pada google+, ada beberapa fitur baru diantaranya :
  9. Design Antar Muka yang diperbaharui pada tahun 2012
  10. Integrasi langsung dengan google adsense, tahun 2012
  11. Integrasi dengan google+ pada kotak komentar dan posting, tahun 2013
  12. Fitur mobile template yang mana kita bisa mendesign atau memilih design yang telah disediakan sehingga pengguna dapat melihat blog pada Handphone atau Gadget mereka dengan design yang tersesuaikan ( responsive ).

TEMPLATE ATAU TEMA BLOGGER:

Template blog atau TemA website itu adalah desain halaman blog ataupun halaman website beserta seluruh komponennya baik berupa file statis maupun file dinamis yang berupa program atau aplikasi yang berjalan sebagai aplikasi web. Template bisa juga anda artikan sebagai tema blog atau tampilan blog atau template blog.

Template default atau bawaan yang disediakan oleh blogger dirasa sangat terbatas jika di banding kompetitornya Wordpress yang menyediakan berbagai tema pada dasbor pengaturan blog mereka.

TEMPLATE TEMPLATE TERBARU BLOGGER:

Pada tanggal 20 Maret 2017 Blogger memperkenalkan 4 buat template terbaru yang dapat kita pilih pada saat mulai ngeblog, tema tema ini sudah dibuat responsive dan mobile friendly. 
Responsive artinya bisa menyesuaikan diri pada saat ditampilkan pada layar besar seperti laptop dan desktop dan sama bagusnya ketika ditampilkan pada layar yang lebih kecil seperti tablet 7 inch, hingga ponsel. Disebut juga adaptif, bisa beradaptasi pada semua layar, keren bukan?

Mobile friendly artinya mudah dibaca dan cepat loadingnya saat di buka pada layar hape yang kecil. Ini adalah keadaan dunia  zaman sekarang: Mobile dan cepat.
Keempat jenis tema baru ini diciptakan oleh Blogger Google untuk menjawab tantangan blogging mobile, dimana dalam beberapa tahun 2 milyar manusia membuka website termasuk blog dan membaca melalui layar ponsel, 25 kali lipat banyaknya daripada orang membuka laptop dan PC dekstop.

Sebagai Blogger pemula di tahun 2018 saya sarankan mas mas, mbak mbak, adik adik memilih template jenis ini, karena tidak akan kesulitan setting mobile/tampilan hape lagi.

Ke empat tema tersebut adalah:
  1. Contempo - 5 varian:  Contempo Light, Contempo Dark, Contempo Pink, Contempo Aqua, Contempo Flamingo
  2. Soho - 5 varian: Soho Light, Soho Dark, Soho Neon, Soho, Pink, Soho Red
  3. Emporio - 5 varian: Emporio Porcelain, Emporio Toolbox, Emporio Apron, Emporio Technica, Emporio Flamingo
  4. Terkemuka - 5 varian: Terkemuka Light, Terkemuka Coral, Terkemuka Dracula, Terkemuka Pink, Terkemuka Antique
ilustrasi tampilan template bawaan baru blogger
TEMPLATE TEMPLATE LAMA/KLASIK BLOGGER:

Template tua ini sering disebut template klasik. Tampilanya secara bawaan (default) hanya cocok buat layar besar seperti layar komputer desktop dan laptop. Pada layar layar yang lebih besar tampilannya lumayan cantik dan enak di akses.

Tapi bayangkan antar mukanya yang memiliki halaman postingan dan disampingnya ada sidebar berisi widget widget bawaan dan tambahan. Ketika tampil dihape tampilannya menciut dan sulit dibaca saking kecilnya. Kesulitan menampilkan melalui hape atau layar yang lebih kecil  bukan hanya pada tampilannya yang tidak responsive tapi mempengaruhi kecepatan loading juga karena kode javanya berat.

Saya masih sering menemukan pemula yang tidak menyadari hal ini, bahkan ada juga blogger yang jarang ngeblog tapi blognya sudah berusia 8 tahun masih tidak menyadari trend ngeblog mobile zaman now. Tidak heran blog yang sedianya sudah di monetisi kehilangan trafik secara drastis pada tahun tahun belakangan karena pasti pengunjung berfikir blognya sulit diakses kecuali bagi mereka yang masih mau bawa bawa laptop dipunggungnya. Kalau masih mau pakai tema default juga perhatikan setting mobilenya seperti pada gambar:
Para desainer (pihak ketiga) sering melakukan modifikasi atau mendesain ulang tema tema ini sebelum dipergunakan (Termasuk editblog) agar menjadi responsive dan mobile friendly. Jadi jika kalian ingin menggunakan template jenis lama ini sebaiknya minta tolong teman agar di modifikasi terlebih dahulu dengan tujuan membuatnya menjadi responsif, adaptif, mobile friendly, dan tentunya agar menjadi lebih SEO. Editblog bersedia membantu, jangan kuatir semuanya gratis.

Tema tema  klasik/tua terdiri dari: 

  1. Tema Perjalanan - 4 varian
  2. Tema kelembutan - 3 varian
  3. Tema tanda air/watermark  - 4 varian
  4. Tema PT.Keren Sekali - 6 varian
  5. Tema Jendela Gambar - 3 varian
  6. Tema dinamic view - 7 varian
  7. Tema sederhana - 7 varian
Ilustrasi tampilan template bawaan blogger klasik/tua
KELEBIHAN DAN KEKURANGAN TEMA TERBARU DAN KLASIK:

4 Tema terbaru walau sangat responsive dan mobile tidaklah sempurna kadang saya merombak tampilanya melalui editing HTML, misalnya walaupun kita bisa memanfaatkan laman (page) untuk membuat menu navigasi, tapi terasa kurang stylish, saya akan menambahkan menu navigasi diatas headernya. yang saya suka adalah menu pencariannya yang hidden style. 

Secara keseluruhan saya menyarankan blogger pemula menggunakan ke empat tema terbaru dan berlatih memanfaatkan tool dasbor "Desainer Tema Blogger" untuk memodifikasi tampilan dasarnya sehingga mendekati selera kita.

Sedangkan template klasik menurut saya tidak disarankan dipakai tanpa terlebih dahulu melakukan perombakan dasar pada struktur kodenya dengan alasan: Blogger sendiri memberi peringatan sebagai berikut: 

Anda tetap dapat menggunakan tema lama blog, namun Anda tidak akan memiliki akses ke banyak fitur baru seperti desainer tema.
  • Tidak responsive dan walaupun memiliki pengaturan untuk mobile namun tidak optimal
  • Monoton dan kurang cepat
  • Navigasi tidak user friendly terutama apabila dipergunakan melalui hape
  • Tampilan tua tidak modis untuk ukuran tahun 2018
  • dll
Namun memliki kelebihan:
  • Dapat di buat menjadi responsive (jika memiliki pengatahuan HTML) dan bahkan mobile friendly, lebih cepat dan lebih SEO.
  • Dapat di rombak (jika memiliki pengatahuan HTML) menjadi sangat menarik dan berbeda tampilannya.
  • Modal para desainer template melakukan redesain tema tema berbasis tema default.
Jika kalian ingin menggunakan tema klasik menjadi responsive dan mobile silahkan cari dan donlot dari blog ini, atau bisa hubungi kami melalui kotak koment dan kotak email.
Sebagai langkah awal sebuah tema atau template yang bagus akan menghasilkan kesan pertama yang bagus buat sebuah blog yang baru memulai debutnya di dunia blogging....

Referensi: Wikipedia, editblogtema, google help, help blogger, webdesign, 

Selengkapnya... »

CARA MENAMPILKAN JUMLAH KOMENTAR DI SEBELAH KANAN ATAS POSTINGAN

4
Ini hanya atribut hiasan blog, penghitung jumlah komentar dalam bentuk bubble di sebelah kanan atas blog. Tentu saja sebagai "asesories" bukanlah widget yang wajib kita pasang, tapi siapa tahu anda berminat karena bukankah pada template template blogger premium terdapat juga comment counter serupa?

Kalau saya saya pakai untuk memonitor komentar langsung melalui homepage blog, sehingga saya bisa menjawab setiap komen dengan mudah dan cepat, nah ada manfaatnya juga bukan?
Tampilan Comment counter
Widget ini termasuk responsive karena otomatis bisa tampil pada layar besar dan kecil.

Langkah membuatnya:

  1. Masuk kepengaturan atau dasbor blogger
  2. Pilih tema atau template
  3. Pilih editHTM
Temukan kode ]]></b:skin> lalu copy kode CSS di bawah ini dan letakan diatasnya:

a.comment-bubble:hover{color:#cc6611;}
a.comment-bubble {
float:right;
width:34px;
height:18px;
text-align: center;
white-space:nowrap;
font: bold 14px monospace;
color:white;
position:relative;
margin-left: 6px;


margin-top: 3px;
padding-top:2px;
background:#eeaa00; /* fallback */
background:-webkit-gradient(linear, 0 0, 0 100%, from(#f8dd99), to(#eeaa00));
background:-webkit-linear-gradient(#f8dd99, #eeaa00);
background:-moz-linear-gradient(#f8dd99, #eeaa00);
background:-o-linear-gradient(#f8dd99, #eeaa00);
background:linear-gradient(#f8dd99, #eeaa00);
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
border: 1px solid #dd8808;
border-bottom-color: #f8dd99;
border-right-color: #f8dd99;
}
a.comment-bubble:after {
content:"";
position:absolute;
bottom:-5px;
left:11px;
border-width:5px 5px 0px 0px;
border-style:solid;
border-color:#eeaa00 transparent;
display:block;
width:0;
}


Selanjutnya cari kode:

<b:includable id='post' var='post'>
<div class='post'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h2>


Catatan, jika pada akhir untaian kode tidak terdapat <h2> akan tetapi <h3> tidak menjadi masalah. Lanjutkan saja dengan cara mem-pastekan kode dibawah ini setelah atau dibawah kode <h2> atau <h3> tadi:

<b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.url + &quot;#comments&quot;' expr:title='&quot;Comments to &amp;quot;&quot; + data:post.title + &quot;&amp;quot;&quot;'><data:post.numComments/></a></b:if>


Save Tema
Selengkapnya... »

November 13, 2018

MEMASANG TOMBOL BERBAGI ADDTHIS DI BLOG AMP

4
Originally constributed by: Anissa Auliasari
addthis share button atau tombol berbagi AddThis sangat terkenal responsive dan untuk AMP sendiri sampai saat ini AddThis merupakan satu satunya pilihan tombol berbagi yang kompitabel, pemasangan juga dapat dilakukan dengan cara di kustomisasi menurut selera pemasang agar tampilannya nampak beda.
Tampilan Tombol berbagi medsos pada halaman AMP Anissa
Namun disini kita hanya akan membahas bagaimana cara pemasangan tombol berbagi ini secara default ke bloggger AMP. Jika pemasangannya nanti sudah benar maka akan tampil tombol share inline berjajar pada halaman postingan di blog AMP seperti tampak pada gambar di atas.
Gambar letak kode unik dan kode inline AddThis

Langkah pertama:
Tentu saja buat terlebih dahulu akun AddThis melalui: AddThis
Tentu saja membuat akun adalah gratis.

Langkah kedua:
Setelah akun dibuat masuk ke dasbor pengaturan AddThis, untuk membuat kustomisasi tombol berbagi anda, hingga saat ini tampilan tombol berbagi untuk Blogger AMP adalah berjajar atau inline.

Langkah ketiga:
Pilih Tombol tombol medsos yang anda sukai setelah dirasa cukup, tekan "activate tool" untuk mengaktifkan tool. dari sini akan muncul kotak halaman kodenya.

Langkah ke empat:
Copy kode unik tersebut dengan menekan tombol "snippet code" di bawah halaman kode tersebut. Pastekan kode tersebut tepat diatas </head> kode HTML template AMP anda. Tampilan kode </head> pada AMP bisa saja normal bisa jadi dibungkus seperti pada kode yang saya sorot warna hijau:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script async='async' custom-element='amp-addthis' src='https://cdn.ampproject.org/v0/amp-addthis-0.1.js'/>
</b:if>
<!-- Go to www.addthis.com/dashboard to customize your tools -->
<script src='//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5aac9c0a5226a9c5' type='text/javascript'/>
<!--letakan kode unik AddThis disini--!>
&lt;/head&gt;&lt;!--<head/>--&gt;
  <body>
  
<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
<amp-sidebar id='sidebar1' layout='nodisplay' side='right'>
  <div aria-label='close sidebar' class='close-sidebar' on='tap:sidebar1.toggle' role='button' tabindex='0'>&#10005;</div>

Langkah ke 5.
Terakhir tapi penting, Copy-Paste-kan kode inline AddThis pada bagian body (tepatnya diatas </body> templat dimana anda inginkan tombol share itu tampil nantinya. Pada tampilan template AMP bisa saja seperti contoh dibawah ini:
  <b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
&lt;/div&gt;
<b:else/>
&lt;/div&gt;
</b:if>
    <b:if cond='data:blog.pageType in {&quot;item&quot;,&quot;index&quot;}'>
&lt;/div&gt;
</b:if> 
<!--letakan kode inline AddThis disini--!>
&lt;!--</body>--&gt;&lt;/body&gt;

</HTML>

Mudah mudahan ini bisa membantu karena jika tidak ada perbedaan susunan struktur kode pada template yang berbeda, misalnya anda memodifikasi tampilan dengan menambahkan kode CSS diatas kode </style> atau kode: ]]></b:skin> maka hapus saja kode CSS tambahan tersebut agar tidak mengganggu tampilan tombol berbagi AddThis ini yang seharusnya dipasang secara default, maka seharusnya AddThis share Button dapat bekerja dengan baik pada template blog AMP anda.
Selengkapnya... »

OSIRIS MENU NAVIGASI UNTUK TEMA BLOGGER REKOMENDASI EDITBLOG

0
Tema klasik masih menjadi pilihan hingga tahun 2018 dan perkiraan hingga akhir 2022, klasik adalah non-AMP, sebabnya di dalam halaman dasbor blogger - tidak seperti Wordpress yang pilihan template bawaannya banyak - template template Blogger ketersediaannya sangat terbatas, jadi para blogger yang menggunakannya harus kreatif merobah, mengedit, dan memodifikasi atau bahkan mendesain ulang template template bawaan tersebut menjadi: Responsif, mobile firendly, lebih cepat dan lebih SEO.

 Kali ini Editblog memberikan rekomendasi kepada anda yang mencoba mendesain ulang tema blogger bawaan dan bermaksud memasang MENU NAVIGASI yang responsive dan mobile - diantara selusin menu navigasi buatan editblog tema guna untuk mendesain ulang template bawan blogger, bulan ini kami merekomendasikan: Menu NAVIGASI OSIRIS.

TAPI, APA SIH ISTILAH ISTILAH ITU TADI? Baiklah akan kita jelaskan saja satu persatu persatu terlebih dahulu:
  1. Responsif. Artinya menu navigasi pada template dapat beradaptasi dengan berbagai ukuran layar: Bisa cocok untuk PC/desktop/laptop, bisa sesuai untuk ukuran layar tablet, dan cocok juga apabila di viewing atau dibuka melalui hape. Responsive automatis menyesuaikan dirinya sendiri pada layar tersebut yang kita sebutkan diatas
  2. Mobile friendly. Artinya mudah digunakan untuk ukuran layar layar ukuran ponsel, tidak mengurangi kecepatan dan kenyamanan saat di eksplorasi melalui ponsel, tampilannya tetap menarik dan unik (Termasuk menu Navigasinya)
  3. Lebih cepat dan SEO friendly. Dengan tetap memiliki fitur dan kecepatan walau dilayar ukuran lebih kecil tentunya adalah sebuah PR agar kecepatan web bisa tetap gegas pada tampilan tersebut hal ini sangat menunjang SEO (Search Engine Optimism) sebuah website atau blog. Jika pada layar besar ada fitur Menu Navigasi maka pada layar kecilpun hal itu harus ada tanpa harus mengorbankan kecepatan loading web/blog anda.
Sudah dapat gambarannya bukan? Bayangkan ketika di buka laptop sebuah blog memiliki menu navigasi horisontal yang sederhana atau yang rumit sesuai pilihan anda. Maka, pada halaman mobilpun dia harusnya memilikinya juga. Dengan menu navigasi hasil rekayasa dasar buatan saya yang sangat responsive ini anda akan mendapatkan tampilan pada laptop, desktop dan tablet  kurang lebih seperti pada gambar dibawah ini:
Tampilan Navigasi osiris pada laptop/PC
Menu itu berwarna biru, namun anda bisa merobah backgroundnya yang biru itu  menjadi warna merah, ungu, hitam dsb. Menu navigasi tersebut lay-outnya adalah horisontal pada tampilan laptop maupun desktop pc, dengan judul menu berjajar dari kiri ke sebelah kanan laptop. Menu pencarian diletakan dibawahnya sebenarnya menu tersebut baru akan muncul apabila Tombol atau ikon "bars" disebelah ujung kanan disentuh contohnya pada gambar dibawah, keduanya berlaku untuk segala ukuran hingga ke ukuran layar hape yang paling kecil:
Tampilan Navigasi Menu Osiris pada tampilan layar hape
Perhatikan, Judul menu baru akan terlihat pada saat bar disentuh! kami sadar pada tampilan layar kecil hal ini berguna untuk menghemat ruang namun jika anda misalnya lebih menyukai menu menjadi dropdown, anda tentu saja akan diberikan petunjuk melalui blog ini bagaimana merobah menu tersebut menjadi dropdown seperti contoh tangkapan layar dibawah ini:
Tampilan opsi osiris "dropdown" pada layar hape
Pada tampilan menu dropdown diatas terlihat jelas menu dapat disembunyikan dengan baik pada layar yang lebih kecil dan cukup hanya dengan menyentuh ikon bar disebelah kananya maka menu akan muncul sangat responsive sekali bukan?
Kalau anda lebih teliti template diatas adalah contempo! Saya memasangkannya pada template blogger terbaru seperti contempo, soho dan emporio trik ini ternyata bekerja dengan sangat baik! Padahal tadinya saya hanya mencobakannya pada template template blogger yang lebih tua seperti sederhana, Awsome, Perjalan dan tanda air. Semuanya berjalan baik baik saja.

Kelebihan menu ini adalah: Cepat, sederhana, responsive dan mobile friendly yang memang saya rancang untuk tujuan SEO. Saya membuatnya berdasarkan elemen dasar html dari belajar "halo world!" sangat mudah di coba sendiri dan mudah juga untuk di modifikasi sekalipun bagi anda hanya memiliki pengalaman mengutak atik kode kode html minim.

DROP DOWN KONTROVERSI???

Ketika membaca blognya NeilPatel saya tetap tidak setuju dengan pendapatnya dan menuliskannya di halaman komentar. Dia berpendapat membuat web desain seperti itu adalah hal yang kritis. Dan hal itu berpengaruh terhadap bisnis. Dia mengatakan orang datang berkunjung dan berharap melihat Menu Navigasi horisontal bukan dropdown, karena mata manusia jauh lebih cepat daripada mouse saat kursornya menyentuh. Saya tidak tahu, tapi pada menu navigasi situsnya juga terdapat beberapa menu yang dilengkapi dengan fitur drop down pada saat disentuh oleh kursor mouse!

Bagi saya alasan ponsel semakin banyak dan marak di pakai di seluruh dunia masa kini adalah mengapa menu drop down menjadi keniscayaan. Itu sudah sangat "mobile dan user friendly"

Neil mungkin lupa walau mata manusia lebih cepat dari kursor mouse menampilkan menu yang tersembunyi, namun reaksi syaraf, daya pikir dan nalar manusia jauh lebih cepat beradaptasi, jika syaraf gagal memerintahkan mata, maka dia akan memerintahkan kita mencari dan beralih ke opsi lain. Lagipula adalah aneh jika kemampuan indra manusia termasuk mata dan rasa  tidak memiliki kemampuan beradaptasi ketimbang sekedar berharap kemudahan dari rangsangan tool sebuah aplikasi web.

 Hari ini menurut saya menu dropdown sudah sangat akrab dengan tampilan desain web dan boleh dikatan sudah menjadi keharusan pada saat diakses di layar yang lebih kecil seperti ponsel. Mungkin saja saya telah membaca tulisan tua dari Neil yang seharusnya telah dia update sekarang. Well, kita kembali membicarakan menu navigasi yang saya beri nama OSIRIS diatas.

CARA MEMASANG MENU NAVIGASI OSIRIS DI BLOGGER

Saya menyebutnya menu Navigasi Osiris, nama yang saya sukai karena itulah saya menamainya demikian. Cara memasangnya?


Langkah Pertama masuk pengaturan blog, pilih tema, lalu klik edtit-HTML. Cari kode: </head> dan letakan kode css di bawah ini sebelum atau diatas tag </head> tadi:

<style>
body {
  font-family: Arial, Helvetica, sans-serif;
}

.mobile-container {
  max-width: 480px;
  margin: auto;
  background-color: #fff;
  height: 500px;
  color: white;
  border-radius: 10px;
}

.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  float: left;
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a.icon {
  float: right;
}
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.active {
  background-color: #4CAF50;
  color: white;
}
</style>

Langkah Kedua Masih dalam mode edit-HTML cari kode </header> lalu masukan kode html dibawah ini sebelum atau diatas tag </header> tadi:

<div class='topnav'>
  <a class='active' href='#home'>Logo</a>
  <div id='myLinks'>
    <a href='#news'>News</a>
    <a href='#contact'>Contact</a>
    <a href='#about'>About</a>
  </div>
  <a class='icon' href='javascript:void(0);' onclick='myFunction()'>
    <i class='fa fa-bars'/>
  </a>
</div>

<div style='padding-left:16px'>

</div>

Langkah ketiga, masih pada opsi edit-HTML, cari kode </body> setelah ketemu letakan kode JS dibawah ini diatas tag </body> tadi:

<script>
function myFunction() {
  var x = document.getElementById(&quot;myLinks&quot;);
  if (x.style.display === &quot;block&quot;) {
    x.style.display = &quot;none&quot;;
  } else {
    x.style.display = &quot;block&quot;;
  }
}
</script>

Terakhir SAVE tema dan lihat Demo  animasi tangkapan layar yang saya buat melalui hape:

Sekilas memang mirip dengan menu navigasi editblogtema yang sedang kami pakai (Menu navigasi EditblogTema sedang dalam penyempurnaan terutama pada menu pencarian), tetapi menu osiris saya buat dengan material dan elemen HTML yang jauh lebih ringan dan bersih, Atau silahkan lihat demo template langsung di sitenya:
DEMO

Catatan: pastikan anda telah membuat template bawaan yang anda pilih telah menjadi responsive terlebih dahulu, tutorialnya juga ada dalam blog ini:
 7 LANGKAH...
Terimakasih telah berkunjung dan selamat ngeblog teman teman... 
Selengkapnya... »

MENGAPA PENGHASILAN ADSENSE RENDAH?

0
1. Faktor demografi
Anda mungkin bertanya berapa penghasilan seorang blogger Eropa atau Singapura perklik? Melebihi 3 ribu rupiah perklik! Saya mengujinya waktu berada disana (minta tolong kawan Klik) lalu menguji lagi minta kawan dari indonesia klik, benar benar jauh perbedaannya, itulah sebabnya Google juga menyarankan kita mentarget penghasilan dengan mengoptimalkan jangkauan demografi.
Apakah kita harus membuat blog berbahasa Inggris? Tidak harus juga, hari ini secara global persaingan sudah sangat ketat, jika anda tidak yakin tunda dulu rencana yang akan menguras energi anda itu. Tapi jika anda siap bertempur sampai ke titik darah penghabisan, maka peluang anda mungkin sangat besar untuk sukses menghasilkan pendaptan tinggi berdasarkan CPC dan CTR adsense ini.

Namun beberapa hal mengenai ini sudah pernah saya singgung pada postingan saya yang berjudul:

CARA MENINGKATKAN CTR: ADSENSE ITU KUALITAS BISNIS BUKAN MORALITAS


Tentu saja yang saya maksud moralitas adalah bahwa fakta beberapa jenis iklan melanggar norma moralitas agama dan budaya ternyata cukup signifikan mempengaruhi penghasilan publisher adsense yang di beri tugas menayangkan iklan ini, Saya pernah menyinggung, mengapa penghasilan adsense berdasarkan CPC rendah sebagai berikut:

  • Geografi atau wilayah. Ini terkait dengan darimana pengunjung blog kita datang, pengunjung yang berlokasi di wilayah negara tertentu terutama negara dengan penghasilan rendah akan mendatangkan CPC yang rendah juga. Indonesia saja sangat luas masih di kotak kotak oleh Google dalam hitungan nilai CPC, daerah daerah kaya pusat perekonomian lebih mendatangkan CPC yang tinggi, kita tidak bisa menyalahkan hukum pasar ekonomi telah berlaku dimana mana. Google juga tidak ingin rugi.
  • Niche. Mungkin blog anda memiliki Niche yang kurang menguntungkan dimana pengunjung anda tidak tertarik mengklik iklan di blog anda. Misalnya jika anda punya blog dengan niche politik, bukan salah anda juga kalau CTR blog anda menjadi rendah, di lain pihak blog dengan niche real estate memiliki CTR yang tinggi.
  • Mobile. Perhatikan juga mungkin blog anda tidak mobile, atau tidak cocok buat tampilan hape. Sejak tahun 2015 Google sudah mem-finalti blog blog atau website yang tidak mobile friendly menjadi rendah SERP dan rendah CTR. Perhatikan bukan hanya terpengaruh pada penghasilan jika kebetulan anda adalah publisher adsense, tapi blog  dan website yang tidak mobile friendly akan memiliki trafik yang rendah dan lama lama ditinggalkan karena sulitnya mengaksesnya melalui hape.
  • Programmatic media buys. Pembelian terprogram oleh pihak pengiklan telah mengakibatkan penurunan drastis penghasilan para publisher blogger. Setiap trik bisnis bisa saja datang sewaktu waktu. Nasib Google adsense juga sangat tergantung daripadanya. Tidak ada yang dapat kita lakukan untuk hal yang satu ini, karena tidak ada yang abadi di dunia kecuali perubahan itu sendiri.
  • Pemblokiran iklan. Anda mungkin telah memblokir beberapa jenis iklan dengan alasan tertentu, misalnya anda mungkin memblokir iklan dari pihak yang tidak sejalan dengan akidah, pandangan politik dan agama anda, atau beberapa jenis iklan dari perusahaan yang anda rasa kurang setuju. Well, pemblokiran iklan oleh anda segera disampaikan oleh pihak Google kepada perusahaan pemilik yang segera mem-finalti anda selamanya walaupun akhirnya mereka memiliki banyak sekali jenis iklan berkualitas dengan CPC tinggi, anda tidak akan mendapatkannya lagi selamanya. Ingatlah disini mereka tidak bisa bicara tentang moral, mereka tidak ada urusan dengan anda kecuali semata mata bisnis. Mungkin anda harus mempertimbangkan ini.
  • Perubahan teknologi yang semakin cepat. Anda mungkin tidak atau kurang setuju jika suatu hari blogger benar benar dianggap sebagai kegiatan masa silam alias sudah kuno dimata aplikasi media yang datang dari para start - up muda yang jenius. Saya percaya Google sendiri sudah siap demi bisnis mereka, namun kesiapan mereka bisa saja berbentuk "menutup" satu media demi kelangsungan bisnis yang berkesinambungan. Bisa juga mengikuti perubahan dengan update besar besaran, artinya para blogger harus selalu update dan belajar keras.
2.Programatic media buys akhir akhir cukup menjadi sorotan serius, Program ini membuat cara menayangkan iklan di blog menjadi nampak kuno, lamban, tidak efisen dan berbeaya mahal bagi para pengiklan. Mereka perlahan lahan memilih opsi yang cukup mengejutkan ini. Walau tidak semua pengiklan dapat dengan mudah mengikuti programmatic media buy, namun kemudahan demi kemudahan terus di update, sampai suatu hari sekeras apapun Google berusaha, blogger mungkin akan memiliki wajah dan fungsi yang jauh berbeda di masa depan atau bahkan lenyap ke tepi seperti tukang ojek pangkalan yang tersingkir oleh aplikasi GOJEK dari hape hape Android. Zaman semakin cepat berubah ya brooo....

Mengenai hal ini saya singgung dalam postingan: 


CTR 
Ada hal lain lagi, yakni CTR masih bagian dari CPC, CTR atau Click trough Rate adalah prosentasi daripada jumlah klik terhadap iklan dari pengunjung blog kita, pastinya kita berharap banyak pengunjung yang mengklik iklan di blog kita bukan?

Perbandingannya begini: Jika memiliki CTR sebanyak 4%, dengan CPC RP.15.000,- dan terindikasi ada 4 pengunjung pada tiap 100 klik iklan, maka itu berarti jauh lebih baik daripada CTR 2% sedangkan CPC sudah mencapai RP. 24.000,-. Karena pada kasus pertama kita akan menghasilkan RP.20.400,- perhari, jika trafik harian kita telah mencapai 1000 orang pengunjung. Sedangkan pada kasus kedua, kita hanya mendapatkan penghasilan RP.16.320,-perhari meskipun trafik harian telah mencapai 1000 pengunjung. Bingung? Lihat besaran CTR 4% berbanding 2% nya ya...

Jadi memang tidak cukup hanya memiliki CPC yang tinggi, kita juga perlu CTR yang tinggi untuk mendapatkan penghasilan yang nyata sebagai publisher adsense melalui blog.

DAN APA YANG HARUS KITA LAKUKAN UNTUK MENINGKATKAN PENGHASILAN:

1. Optimalkan konten demi keyword berharga tinggi. Adsense bekerja berdasarkan penawaran keyword dengan harga tertinggi, ingat keyword ini sebagian besar datang dari hasil aktivitas mereka para pemilik iklan tersebut. Berdasarkan bisnis mereka. Maaf bukan dari kepintaran para blogger menentukan keyword. Termasuk saya tentunya

Kepada keyword keyword inilah seharusnya konten berkualitas anda fokuskan demi untuk mendapatkan CTR yang tinggi. Ada banyak terdapat keyword yang bernilai hingga $100 atau lebih, dibawah ini mungkin adalah daftarnya:

25 keyword top termahal :

  • Business services =$58.64
  • Bail Bond=58.48
  • Casino=55.48
  • Lawyer=54.86
  • Asset Management=$49.86
  • Insurance=48.41
  • Cash Service & Payday Loans=$48.18
  • CleanUp & Restoration services=$46.84
  • Degree=$47.36
  • Medical Coding Services=$46.84
  • Rehab=$46.14
  • Phychic=$43.78
  • TimeShare=$42.13
  • HVACSoftware=$41.24
  • BusinessSoftware=$41.12
  • Mdical Needs=$40.73
  • Loans=$40.69
  • Plumber=$39.19
  • Termites=$38.88
  • Pest Control=$38.84
  • MortGages=$36.76
  • Online Gambling=$32.84
  • Banking=$31.43
  • Hair Transplant=$31.37
  • Google Adwords=$30.06
2. Fokus kepada "Long tail Keywords", ya sesungguhnya tidak cukup hanya bermain dengan keyword terbaik yang sudah ada, kita sebaiknya melakukan riset dengan Tool SEO seperti Google keyword Planner atau SEMrush lalu cari dan kenali Keyword panjang yang relevan terhadap pembaca, dan tentu saja keyword ini yang harus kita sertakan dalam konten atau artikel kita. Tapi lakukan itu secara alami alias tidak di buat buat, periksa kembali dan sesuaikan gramar bahasanya dalam pemuatan penulisan.

3. Ciptakan keterlibatan, kualitas dan manfaat konten. karena konten yang berkualitas itu amatlah penting, ide anda harus jelas perihal apa yang pembaca ingin baca di blog anda karena sebagian besar mereka ingin mendapatkan pemecahan daripada problem yang sedang mereka hadapi. Artinya konten anda cukup berharga untuk dijadikan sebagai target bagi pembaca, SEO friendly. Itu sederhana dan insyaalah blog anda akan selalu mendapatkan CPC yang tinggi.

4. Selalu ikuti saran Google adsense untuk pengoptimalan iklan. Ini juga simple, Google memperhatikan bentuk, perubahan dan kondisi blog kita setiap waktu, melalui Google analitik mereka mengetahui segalanya perihal lini bisnis mereka. Lebih mengetahui banyak hal daripada kita sendiri. Maka dari itu kita sering menerima notifikasi pengoptimalan ads atau iklan perihal penempatan, posisi dsb. Beberapa hal mereka lakukan secara otomatis atas seizin kita.

Saya sendiri sebagai seorang pekerja yang nyambi sebagai seorang blogger tidak akan memiliki waktu yang cukup untuk mempelajari semua hal dalam waktu singkat, apalagi blog ini umurnya baru beberapa bulan.

5. Mobile friendly. Blog anda juga harus responsive dan mobile friendly artinya mudah dibuka melalui semua perangkat terutama melalui hape. Sejak tahun 2015 Google telah mem-finalti blog yang tidak mobile friendly, bagi yang belum mengerti perihal tampilan blog yang mobile friendly segera lakukan test atau uji coba ke situs uji coba mobile, ketikan saja di pencarian Google: "test blog mobile friendly". 

Jika ternyata belum ganti template blog anda dengan template yang mobile friendly. Atau silahkan donlot template buatan kami di: 

Baca juga:
3. TEMPLATE BLOGGER TERBAIK ADELINASASA:

Paling tidak anda telah selamat satu langkah.

6. Perhatikan tataletak iklan yang baik dan benar, Namun dengan tema premium hal kesalahan peletakan iklan dapat teratasi dengan sendirinya.
Demikianlah hasil membaca blog bantuan adsense milik Google dan menganalisa beberapa blog blog buatan kami yang selalu gagal...he he he dan akhirnya telah kami tuangkan menjadi artikel ini, mungkin telah banyak artikel serupa anda temukan. Tapi membaca dan memahami saja tidaklah cukup bagi kita - kadang secara moral kita harus total untuk mendapatkan hasil yang maksimal. Ingat bisnis bukanlah moral walaupun ada moral bisnis, namun lebih banyak hal yang bertentangan dengan moral yang kita anut pada saat kita menekuni pekerjaan sebagai publisher adsense demi uang.

Dalam berbisnis adsense walaupun kita tidak akan melanggar aturan Google, mungkin kita akan melanggar aturan moral yang telah kita anut semenjak lama....
Selengkapnya... »

Follow