TEMPLATE GRATIS CANTIK TERBARU EDITBLOGTEMA

Seperti biasa kami tidak lupa kami meluangkan waktu membuat template template blogger free (gratis) namun dengan fitur fitur premium, misalnya:
  1. Heading dinamis, template responisve dan mobile friendly
  2. Ads ready (slot iklan di atas/sejajar dengan header)
  3. Menu navigasi responsive, plus kotak pencarian
  4. Tentu saja tdak ada keharusan bagi anda mempertahankan kredit kami
  5. Kami tidak sedang berbisnis, jadi silahkan coba sendiri.
DEMO
DONLOT
Sebenarnya Temanya sedang kami pergunakan buat blog ini dengan sedikit modifikasi ringan. Pengeditan dan modifikasi template ini murni menggunakan elemen elemen html dasar blogger, kecepatan dapat di tingkatkan dengan mudah jika anda mau sedikit mencari tahu melalui google.

Semua yang sedang kami lakukan adalah matode pembelajaran yang setidaknya hanya demikian dapat kami terapkan. Dilain waktu kami akan membuat tema tema baru yang lebih simpel namun cepat dan responsive.

Jika ingin mencari jenis tema blogger yang kami tawarkan silahkan klik "download tema blogger" di bawah menu navigasi blog ini, seperti terlihat pada gambar:

Selamat ngeblog, doa kami bersama anda.
Read More »

MOSLEM THEME FOR FREE

Di sela sela waktu menulis tips dan triks untuk mengedit template, kami juga membuat beberapa template dengan berbagai tema. Kali ini kami memutuskan untuk membuat template bernuansa islami.

Templat ini dibuat sesederhana mungkin, walau dibuat sangat mendasar namun tetap kaya dengan fitur, misalnya:


  1. Heading dinamis, tema responsive dan mobile friendly
  2. Navigasi menu simpel dan sangat mobile friendly, dibuat dengan elemen dasar yang bersih dan rapi.
  3. Read more minimalis
  4. Related post simpel
  5. Dominan warna hijau dengan nuansa islami
  6. Tentu saja SEO friendly
  7. Infinite head animated color
  8. Kami tidak sedang berbisnis jadi silahkan coba sendiri.
Template ini cocok buat:
  1. Artikel islami
  2. Cerpen
  3. Cerbung
  4. Novel
  5. Wisata
  6. dll
Jika ada pertanyaan dipersilahkan mengajukan pertanyaan dan jangan lupa baca DECLAIMER kami.



Demo

Download
Jika ingin mengedit Menu Navigasi pada blog ini silahkan ikuti link dibawah ini:

MENGENAI TEMPLATE MISTERI KOTAK PANDORA: CARA MENGEDIT NAVIGASI MENU

Selamat ngeblog...
Read More »

CARA MEMBUAT MENU NAVIGASI MOBILE FRIENDLY DENGAN MUDAH

Navigasi menu itu penting terutama bagi blog blog dengan niche khusus. Membuat tampilan muka sebuah blog menjadi menarik dan mudah di fahami oleh pengunjung. Menurut hemat kami Menu Navigasi yang baik itu harus responsive dan mobile friendly. Artinya dapat berfungsi dan atau di fungsikan dengan baik pada tampilan desktop dan hape. Terutama pada zaman sekarang yang serba mobile tampilan blogger pada ponsel cerdas menjadi amat penting!

Lihat Menu Navigasi hasil buatan kami:

Atau lihat DEMO
 Cara pembuatannya adalah:
(Sangat cocok diterapkan ke template awsome, sederhana dan Perjalanan yang sudah di modifikasi menjadi responsive dan mobile friendly.)
  1. Masuk ke pengaturan blogger
  2. Pilih Theme/Tema
  3. Pilih EditHTML
Langkah pertama: Tambahkan HTML
Pastikan template anda telah terpasang kode: <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

Jika sudah ada langsung saja cari kode </header> dengan jalan pintas menekan ctr+f pada keyboard dan enter. Jika sudah ketemu letakan kode berikut diatas kode </header> tersebut:


<!-- Top Navigation Menu -->
<div class='topnav'>
  <a class='active' href='/'>KotakPandoraSAtu</a>
  <!-- Navigation links (hidden by default) -->
  <div id='myLinks'>
    <a href='#news'><i aria-hidden='true' class='fa fa-file-text-o'/>News</a>
    <a href='#contact'><i aria-hidden='true' class='fa fa-phone'/>Contact</a>
    <a href='#about'><i aria-hidden='true' class='fa fa-globe'/>About</a>
  </div>
  <!-- "Hamburger menu" / "Bar icon" to toggle the navigation links -->
  <a class='icon' href='javascript:void(0);' onclick='myFunction()'>
    <i class='fa fa-bars'/>
  </a>
</div>


Langkah kedua Tambahkan CSS.
Caranya cari kode ]]></b:skin> dan letakan kode berikut diatasnya:

/* Style the navigation menu */
.topnav {
overflow: hidden;
background-color: #6495ED;
position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
display: none;
}

/* Style navigation menu links */
.topnav a {
color: white;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
display: block;
}

/* Style the hamburger menu */
.topnav a.icon {
background: black;
display: block;
position: absolute;
right: 0;
top: 0;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
background-color: #ddd;
color: black;
}

/* Style the active link (or home/logo) */
.active {
background-color:#6495ED;
color: white;
}


Langkah ketiga Tambahkan JavaScript

Caranya cari kode </body> lalu letakan kode berikut diatasnya:

<script>/* Toggle between showing and hiding the navigation menu links when the user clicks on the hamburger menu / bar icon */
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>


Langkah berikutnya SAVE template.

Catatan:
  • Ingat memasukan kode Js kedalam tag </body> harus selalu di awali dengan <script> dan kemudian di tutup dengan </script>
  • Kode warna  CSS yang kami tandai dengan sorotan warna pink muda dapat anda robah sehingga merobah warna tampilan navigasi bar. 


Read More »

FEED, WIDGET BLOGGER YANG SERING DI ABAIKAN

Ya widget "FEED" memang sering diabaikan. Padahal kegunaannya bisa multipurpose, dan gagdet bawaan terbukti ramah SEO apalagi kalau di manfaatkan dengan optimal. Feed adalah salah satu widget yang tersedia pada tool tema bawaan blogger dan siap di pasang ke blog kapan saja.

Caranya ya sederhana saja:
  1. Masuk ke pengaturan blogger
  2. Pilih tata-letak
  3. Pilih "Tambahkan Widget"
  4. Pilih FEED.
Bentuk widgetnya:
Cara pemasangannya:
Klik Feed tersebut pada menu tata-letak, akan muncul kotak dialog seagai berikut: 
Isikan dengan url blog anda, atau blog lain yang ingin di tautkan ke blog anda. Seperti contoh berikut:
Kami mengetikan alamat URL blog kami sendiri, setelah di klik "Lanjutkan" tampilan akan berubah sebagai berikut:
Klik atau centang:
  • Tanggal item
  • sumber/pengarang item
  • Buka link di jendela baru (Ini kalau URL yang kita masukan adalah URL dari blog lain yang terpisah.
Bisa di letakan di sidebar kanan blog, tampilannya akan terlihat sebagai berikut:
Judul bisa kita robah sesuka hati, pada contoh diatas kami mengisikan kotak judul dengan tulisan: "KONTEN BLOG INI" ke depan akan kami berikan tutorial cara membuat penomoran pada setiap item konten yang di tampilkan oleh widget "FEED" ini. 

Read More »

AUTODIDACT, WHY YOU FAIL TO PERFORM IT

Self-taught? Why not! How many teenegers are so lucky have a challenge going to school especially in the 3rd Countries, contemporary study is stated you can go to high school then you are very lucky. How about if you go to see in the other side of Africaans? Honestly we can speechless. They still need to increase their standard of living through the education.

Definition autodidact following Wiki:

"Autodidacticism (also called as autodidactism) or self-education (also self-learning and self-teaching) is education without the guidance of masters (such as teachers and professors) or institutions (such as schools). Generally, an autodidact is an individual who chooses the subject he or she will study, his or her studying material, and the studying rhythm and time. An autodidact may or may not have formal education, and his or her study may be either a complement or an alternative to it. Many notable contributions have been made by autodidacts."

WHY Autodidacticism IS COOL?

Because: Most genius people are doing to self taught theirself since they were childhood. And you know they are now change the world in recent scenes. You have electricity in your home rather than torch, the fact you are having automative rather than a horse, you can see in the sky the iron birds are flying over the horizon. It had been no present thousand years ago. It comes because of self learning by genius people had ever. And now you have gagdets, it is beautiful and excellent perfomance to play.

Every creatures are learn from others, from nature and their sorroundings. Even I am still a student I have an experience about this point of view. Let I say.

Teens whose learn hard for theirselves are extraordinary, these teens will found their identity theirselves. They have all capabilities to make a self taught by their natural inteligent. Yes they look cool, smart and look so mature than their real age because while ordinary numbers of teens are just playing for fun these extraordinary teens learn everything, they are so curious to everything, no wonder in the histrory the extraordinary people were begun from extraordinary teens. Most of them.



Signs teens are genius are can see from beginning of their life even they are still 10 to 16 years old they are look like:
Look smart or even look just an ordinary teen. But most they are so calm down. Sometimes people thought they are even not smart enough.
Curious, no spoiled. Look like an independent teen, can control their emotion.
They are even look more mature than their age.
Less sleeping, why this happen? Because they like read everythings, learn everything and try everything.
etc


Unfortunately, some of them are born among family that do not realize how they are having a genius boy or girl who possible change the world.Albert Einstein was a lucky teen because he had very good and clever mom who understood to support her son. There was bad time in his school for little Einstein at that time, his teacher thought Einstein was very stupid and they said they could not teach him anymore in the school.

His mom did not thougt the same and of course, she knew everything about her son, Einstein then learn maths and then the world know what he had done to change human being view about science and technology. He was a genius person the world had ever.

How to perform self thought?

There no formula in this personal blog because this is just a personal web, I am not a genuis girl but I have been tried hard to learn what I do not find in school. For example how to write an article, then I surf it in ethernet, in the website so many tips about it and various ways that can make you confuse. Just choose the easier one do not make you self to be so awkard. The most tips and articles are writing by it authors base in theirself experience. When you found that you think good one just try it. If you fail with it you can try another way. The stories of genius people are never lone with failure before they are success to make an invention.

I have my own way that I think so, but do not follow if you not comfortable with these:
When I decide to learn something without any human tutor I encourage myself to learn with my own methode for example when so many applications are offeringme how to learn English by quick I've try then I realize, the way have been with me is the best, I am not quit need the application. I just use the conventional Google English translation in my small iPhone screen, and feel comfort with it and feel that are enough. I ignore other method because I know once you change with another method, no matterwhat people said it is cool, you will need more time to adjust oneself into your system.
People said you must ask many people, yes I agree. Old times they did. I just learn and open google they said the do not agree. But I have my own opinion, Old times no facilities such like today. Google even have Deep mind machine today where it A.I. (Artificial Inteligent) does have very advancec capacity to give you more and more information that you need.
Even I do myself and believe my English isn't quite good, I have my own opinon: I must make an exercise to develop my understanding going through the languages, how to make good conversation with human, how to be a good listening and now I've tried to write some articles in English through my own blog. All are exercises and processing in my life and I do believe these all will very usefull for my next target to reach out the perfectness.
When people said "useless" I said "maybe not". You must be brave to opposite people around you even they are your relatives. Think again, they just telling you what they think good for themselves and they think it will being good for you as well. But it is maybe not because everyone have their own dream to pursue why not you try your own? If you don't sure yourself just hear what they are telling you.

Do not worry with your dream

With an assumtion all people have their own dream but they have no courage even have "a dream to pursue". It why most they are ended as an ordinary person. Of course you have many reason to forget the failure.

Many people afraid with their own dream, why? It mirror from their parent stated: "You just dream, see the reality" what is different just a fantasy with your essential dream? Dream for some extraordinary teens is a power for their life. A dream will change the world overall. Alexander the Great have a dream and that dream was came true, Einstein was have dreams and that dreams were came true. Great people have dream on their head.

Mostly why you fail going to go perform everything is because basically you are a person without any dream. So when you are going asleep think again what is my dream? And how to perform my planned to reach it out? honestly even as a girl I have a dream to pursue...like a girl against the world.
Read More »

MAU MEMASANG IKON AWSOME DENGAN GRADASI WARNA DI BLOG? BEGINI CARANYA!

Semua ikon fa fa awsome bisa di perkaya dengan warna dengan menambahkan sedikit trik pada kodenya dengan kode tambahan: gradient-icon baiklah mari kita mulai penjelasannya:

Dalam hal mendesain template peranan css, kemudian elemen ikon ikon seperti awsome misalnya sudah tidak bisa di abaikan lagi, ada yang bertanya apakah elemen elemen serupa seperti itu tidak memberatkan loading sebuah tema atau template blogger? Jawabannya tergantung, jika ditulis dan ditempatkan dengan benar tentu saja tidak akan terlalu berpengaruh pada kecepatan, bahkan tema tema blogger AMP tidak dapat meninggalkan kaidah kaidah keindahan elemen elemen template seperti ini.

PROGRAMMER vs DESAINER
Disana ada terletak perbedaan persoalan yang harus dihadapi oleh seorang programmer dengan seorang desainer. Seorang programmer harus dapat membuat semua fungsi bekerja menurut standard kebutuhan atau membuat sebuah template dapat bekerja dan berfungsi sebagai sebuah template menurut permintaan klien. Mampu bekerja dengan bahasa program dan koding sepenuhnya. Sedangkan seorang desainer harus membuat sebuah tema agar memiliki "wajah" berdasarkan pemikiran estitika atau keindahan. Sementara pekerjaan seorang programmer lebih pasti, tugas seorang desainer justeru menjadi rumit.

Seorang desainer tema selain harus memahami dasar koding juga harus memiliki cita rasa seni yang dapat dijual. Seorang desainer misalnya akan bertanya dengan kode apa saya bisa membuat kombinasi warna yang menarik? Atau sekedar menempatkan Menu di tempat yang tepat di atas template sehingga enak dipandang mata? Atau membuat menu tersebut tidak hanya sedap dipandang mata tapi justeru menjadi sangat user friendly? Seorang desainer kadang dituntut agar dapat membuat sebuah tema justeru menjadi manusiawi dan cocok dengan kepribadian calon penggunanya.

Dan disanalah letak kehebatannya: Kombinasi seorang programmer dengan seorang desainer akan menghasilkan seorang 'KREATOR'

MEMBUAT IKON MENJADI BERWARNA DENGAN STYLE GRADASI

Pernah memperhatikan template template yang didesain untuk wordpress blog? Atau pernah melihat karya karya envanto yang sangat "mobile" namun dengan loading cepat tanpa kehilangan keindahannya. Disinilah peranan dan sentuhan seorang desainer dan seorang programmer sekaligus diperlukan dalam pembuatan sebuah template yang indah, gegas, dan cepat!

Bukan hanya template bergaya  infinite yang dominan warna gradasi pada headrnya akan tetapi setiap ikon dapat kita berikan warna gradasi sesuka hati dan menurut selera kita asalkan mengikuti syarat ini: Mengkombinasikan kode css dengan ikon "fa fa awsome" dan atau sejenis dengan itu.

Langkah pertama kita harus  masuk ke pengaturan blogger langsung ke opsi "edit TEMA" saja ya karena dengan asumsi kita sudah mengerti caranya jika telah membaca tutorial tutorial kami sebelumnya.

Dengan asumsi kita sedang mengedit tema bawaan, maka cari kode </head> lalu kopi kode dibawah ini dan pastekan diatas kode </head> tadi. Abaikan saja kalau link "pemanggil" font awsome ini telah terpasang di blog anda.

<link href='https://netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>

Save. Dan lalu untuk percobaan kembali ke pengaturan blogger - pilih add widget - pilih HTML/java script, lalu pastekan kode ikon fa fa awsome yang telah kami pilih dibawah ini kedalam kotak widget HTML/javascript tadi atau lihat gambar dibawah.

<i class="fa fa-facebook-official" aria-hidden="true"></i>


Save. Jika mau geser saja widgetnya biar berada diatas postingan,  maka kode  tersebut akan berbentuk ikon facebook seperti dibawah ini, masih dalam ujud ikon yang berwarna hitam putih

Agar Widget tadi berwarna gradasi (kombinasi dua warna) kita perlu menambahkan kode dibawah ini dan meletakannya diatas kode: ]]></b:skin>, begini trik kodenya:

.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;
}

Dan langkah berikutnya adalah kembali ke kode ikon fa fa awsome yang berada didalam widget HTML/java script yakni: <i class="fa fa-facebook-official" aria-hidden="true"></i> Edit dengan menambahkan: "gradient-icon" jadi kode fa fa awsomenya akan menjadi seperti ini:
<i class="fa fa-facebook-official gradient-icon fa-5x" aria-hidden="true"></i>

Perhatikan letak posisi kode perintah pemanggil tambahan yang di sorot warna kuning. Maka ikon akan berganti warna dari hitam dan putih menjadi gradasi! Lihat gambar:

Cobakan kepada semua ikon fa fa awsome ada ratusan kode kode ikon sejenis gratis dan bebas di pergunakan di Internet. Jika kita ingin mengganti warna gradasi atau kombinasi warna kita dapat melakukannya dengan merubah kode css yang telah kita letakan di atas kode ]]></b:skin> diatas.

.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;
}
Ganti saja kode warna dengan kode warna css, cari daftar kode warna warni di internet, semuanya gratis.

Contoh nyata bisa anda lihat pada menu navigasi blog ini yang ikonnya telah menjadi dua warna dengan gaya kombinasi "gradasi"
Read More »

MEMBUAT IKON MENU ANIMASI UNTUK BLOGGER

Membuat dan menambahkan ikon MENU BAR ke header blog sebenarnya mudah. Menu bar itu bagi blog ibarat penerima tamu, semakin ramah semakin banyak tamu yang akan datang. Salah satu bentuk navigasi menu blog yang paling ramah, simple dan tidak sombong adalah bentuk menu bar. Pernahkan kita terpikir bagaimana cara desainer web membuatnya?
Awalnya hanya bentuk tiga baris bar, tapi ketika di klik menjadi "X"
Ternyata kita dapat membuatnya dengan 3 elemen web  berikut dengan mudah:

  1. Masuk kepengaturan blogger
  2. Pilih tataletak
  3. Pilih tema atau theme
  4. Pilih EditHTML
Cara mencari kode tertentu cukup tekan ctrl+f pada keyboard dan masukan kode kedalam kotak pencarian tekan "enter" maka kode pencarian yang kita cari akan muncul dengan sorotan berwarna kuning.

1. TAMBAHKAN HTML:

<div class="container" onclick="myFunction(this)">

<div class="bar1"></div>

<div class="bar2"></div>
<div class="bar3"></div>

</div>

Caranya letakan kode tersebut di atas </header> 

2. TAMBAHKAN CSS:

.container {
display: inline-block;
cursor: pointer;
}

.bar1, .bar2, .bar3 {
width: 35px;
height: 5px;
background-color: #333;
margin: 6px 0;
transition: 0.4s;
}

/* Rotate first bar */
.change .bar1 {
-webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
transform: rotate(-45deg) translate(-9px, 6px) ;
}

/* Fade out the second bar */
.change .bar2 {
opacity: 0;
}

/* Rotate last bar */
.change .bar3 {
-webkit-transform: rotate(45deg) translate(-8px, -8px) ;
transform: rotate(45deg) translate(-8px, -8px) ;
}

Caranya bisa dengan meletakannya di atas atau sebelum kode ]]></b:skin>

3. TAMBAHKAN JS (JavaScript)

function myFunction(x) {
x.classList.toggle("change");
}

Cara yang benar meletakan js kedalam template adalah dengan terlebih dahulu  membuka kode JS dengan <script> dan tutup dengan </script> jadi bentuknya akan menjadi sebagai berikut:

<script>function myFunction(x) {
    x.classList.toggle("change");
}</script>

Selanjutnya meletakan kode JS yang benar adalah sesudah kode :  </b:template-skin>
Lihat demo:

DEMO

Next time kami akan menjelaskan bagaimana cara nya membuat menu ikon tersebut aktip dan dapat membuka menu navigasi pada blog, tetapi sebaiknya anda mempelajari bagaimana caranya membuat template blog bawaan menjadi responsive dan mobile friendy terlebih dahulu melalui blog kami ini.


Read More »

CARA MEMBUAT RECENT POST RESPONSIVE KEREN GAYA EDITBLOG

Recent post adalah adalah ujud lain dari thumbnail dan snippet home page blogger yang di olah secara singkat dari isi posingan blog secara berurut di mulai dari yang terbaru, untuk melengkapi tutorial pemakaian tema blogger editblog mungkin ada yang tertarik menambahkan widget ini ke dalam tema blog. Jika tidak abaikan saja.
Image recent post pada side bar editblog
Cara pemasangan recent post sangat mudah tingga masuk ke pengaturan blog masuk ke lay out pilih HTM/Java script kopi pastekan saja kode dibawa ini kedalam kotak widget HTM/Java script tadi:
Setelah HTML/Javascript kita pilih akan muncul kotak dialog widget yang dapat ditulis atau di pastekan kode seperti ganbar dibawah ini:
Kopi pastekan kode dibawah ini kedalam kotak widget tersebut:

<div class="recentpoststyle"><script type="text/javascript">function showlatestposts(e){for(var t=0;t<posts_no;t++){var r,s=e.feed.entry[t],n=s.title.$t;if(t==e.feed.entry.length)break;for(var a=0;a<s.link.length;a++)if("alternate"==s.link[a].rel){r=s.link[a].href;break}n=n.link(r);var i="... Baca selengkapnya..";i=i.link(r);var l=s.published.$t,o=l.substring(0,4),u=l.substring(5,7),c=l.substring(8,10),m=new Array;if(m[1]="Jan",m[2]="Feb",m[3]="Mar",m[4]="Apr",m[5]="May",m[6]="Jun",m[7]="Jul",m[8]="Aug",m[9]="Sep",m[10]="Oct",m[11]="Nov",m[12]="Dec","content"in s)var d=s.content.$t;else if("summary"in s)var d=s.summary.$t;else var d="";var v=/<\S[^>]*>/g;if(d=d.replace(v,""),document.write('<li class="recent-post-title">'),document.write(n),document.write('</li><div class="recent-post-summ">'),1==post_summary)if(d.length<summary_chars)document.write(d);else{d=d.substring(0,summary_chars);var f=d.lastIndexOf(" ");d=d.substring(0,f),document.write(d+" "+i)}document.write("</div>"),1==posts_date&&document.write('<div class="post-date">'+m[parseInt(u,10)]+" "+c+" "+o+"</div>")}}</script><script type="text/javascript">var posts_no = 5;var posts_date = true;var post_summary = true;var summary_chars = 80;</script><script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showlatestposts"></script><a style="font-size: 9px; color: #E6E6FA;margin-top:10px;" href="http://helplogger.blogspot.com/2014/11/5-cool-recent-post-widgets-for-blogger.html" rel="nofollow">Recent Posts Widget</a><noscript>Your browser does not support JavaScript!</noscript><style type="text/css">.recentpoststyle {counter-reset: countposts;list-style-type: none;}.recentpoststyle a {text-decoration: none;color: #49A8D1;}.recentpoststyle a:hover {color: #000;}.recentpoststyle li:before {content: counter(countposts,decimal);counter-increment: countposts;float: left;z-index: 1;position:relative;font-size: 15px;font-weight: bold;color:#FF69B4;background:#E6E6FA; margin:13px 5px 0px -6px;line-height:30px;width:30px;height:30px;text-align:center;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}li.recent-post-title{margin-bottom: 5px;padding: 0;}.recent-post-title a {color: #444;text-decoration: none;font: bold 13px "Avant Garde",Avantgarde,"Century Gothic",CenturyGothic,AppleGothic,sans-serif;}.post-date {font-size: 11px;color: #999;margin:5px 0px 15px 32px;}.recent-post-summ {border-left:1px solid #69B7E2; color: #777; padding: 0px 5px 0px 20px; margin-left: 10px; font: 15px Garamond,Baskerville,"Baskerville Old Face","Hoefler Text","Times New Roman",serif;}</style></div>
Demikian cara membuat widget recent post yang responsive dan ringan. Selamat ngeblog!
Read More »

AMANKAN BLOG ANDA DENGAN 3 CARA INI

Tulisan ini saya tulis ulang dari artikel yang pernah saya posting di blog kami dengan judul yang sama di: " Adelinasasa", karena saya berfikir di blog inilah seharusnya artikel tersebut di posting.
Mengumpulkan uang melalui pekerjaan sebagai publisher Adsense itu memang enak dan juga capek. Tidak jarang setelah susah payah membuat blog dan diterima di program adsense seorang blogger jadi tidak sabaran lalu main klik iklan sendiri. Bahaya, dan memang tidak selang berapa waktu terhitung bulan akun bloggernya di "Banned" oleh Google.
Google telah bertindak benar. Menjadi seorang publisher tidak lantas Google "memberikan" penghasilan uang secara cuma cuma ada kode etik yang harus dipatuhi terkait kejujuran kita. Dan karena manusia tidak bisa dipegang moral dalam artian kejujurannya, Google memasang banyak sekali "bot bot pengintai" yang dapat mengawasi hampir seluruh kegiatan yang melanggar ketentuan terkait bisnis yang satu ini. Jangan tertipu menganggap mereka tidak memantau kita.

Google juga memainkan bisnis ini berlandaskan kepercayaan kepada penyedia iklan yang mempercayakan penayangan promosi bisnis mereka agar dapat berdampak terhadap penjualan atau perkembangan perusahaan mereka secara sehat. Bayangkan kalau dibiarkan, satu orang mulai dan semua orang tertular, bisa hancur bisnis mereka bukan.

Akan tetapi kadang tidak semua kesalahan sengaja dilakukan oleh para publisher adsense sehingga akun mereka di banned. Kadang tanpa mereka sadari mereka hanya menjadi korban pihak pihak tidak bertanggung jawab. Terutama para pemula dan publisher seperti ini harus dibantu.

1. BAHAYA PROMO BLOG KE MEDSOS

Sebutlah facebook, Linkiden, twiteer dll. Lalu ada juga forum forum. Siapa yang tidak mau blognya jadi terkenal dan traffiknya berjejal oleh pengunjung? Tapi yang harus kamu ketahui tidak semua orang memiliki tabiat dan watak yang sama: Ada yang jujur, ada yang penuh welas kasih, tapi ada juga yang curang dan kejam, bukan?

Di medsos seperti facebook kalau kamu coba posting blog di wall biasa, di jamin gak ada yang like walaupun bukan berarti tidak ada yang baca. Namun like sudah mengidentifikasikan sebagai sebuah tanda perhatian bahwa Blog kamu dilihat. Jadi supaya blog kamu mendapatkan perhatian kamu harus mencari grup grup blog yang ada di Facebook. Dan disanalah kadang "malapetaka" ini berawal.

Karena kamu yang tadinya "lugu" bertemu dengan orang orang didalam grup yang pertamanya terlihat memiliki kepentingan hampir sama: Ingin blognya dikenal (jujur saja, kalau tidak buat apa kamu dan aku datang dan posting artikel, ya kan he he he becanda..) Yang kedua, jika mereka sudah memiliki blog dengan adsense mereka ingin agar penghasilannya meningkat dengan klik iklan.

Lihat judul grup: Adsense, Pertukaran link atau yang dari Indianya: "Blog link Exchange", Grup SEO dll. Pada ujung ujungnya kalian akan bertukaran link, saling view, bahkan saling klik. Dan bom kllik bisa terjadi: Google adsense mencatat, klik di ads blog kamu yang ketinggian jika dibandingkan dengan statistik: sekian klik per pageview. Susah mengontrol ini. Apalagi orang orang yang masuk ke grup seperti ini di medsos rata rata masih baru. Mereka bisa kebablasan dan terjadilah "bom klik" pada iklan blog kamu dan tunggu peringatan dari Google sebelum akhirnya blog kamu di banned. Mungkin kamu tidak bersalah, tetapi Google telah mengajukan aturan mainnya dengan jelas, dan jika kamu tersandung salah satunya, akun kamu pasti akan di-suspend, di banned dan paling sial dihapus selamanya.

Cara kedua yang sedikit lebih aman adalah: Main FB ads, artinya kamu bisa mengeluarkan sedikit dana promosi melalui Facebook Fan Page milik kamu sendiri. Aturan boleh atau tidaknya ini dilakukan masih belum ditetapkan aturannya baik oleh Google dan Facebook itu sendiri.

Sedangkan permainan di media sosial serupa facebook juga sama: Di twitter ada grup Blogger, di Google plus juga ada grup grup blogger. Google dan Facebook secara sistematis memantau kegiatan kegiatan serupa di plafrom sosmed mereka masing masing. Mereka memiliki mesin pengintip canggih dan kamu tidak bisa bilang itu melanggar aturan jukum atau tidak karena pada saat mendaftar pada setiap platform, kita telah di sodori dengan "term of condition" jadi baca itu baik baik.

Dari diskusi yang penulis kumpulkan di berbagai grup dan forum hampir 45% pelaku ads exchange di grup grup seperti medsos ini pernah di Banned, di suspended dan bahkan blog mereka sudah terhapus!

Cara mengatasi persoalan ini adalah:
  • Jangan ikuti grup seperti itu dan ingat walau penghasilan kamu masih sedikit tapi kelangsungan hidup blog kamu adalah jangka panjang, itu jauh lebih baik daripada keuntungan sementara yang besar namun berakhir cepat.
  • Jangan mudah terpengaruh oleh bujuk rayu blogger nakal "mata duitan" beberapa blogger asal dari negera negara tertentu misalnya sering meminta kita inbox mereka dengan janji memberikan rahasia untuk meningkatkan penghasilan tanpa risiko ketahuan oleh mesin pengawas Google, jangan percaya. (Eh saya gak nuduh ya, itu hanya contoh)
  • Cari grup yang walau nampak membosankan namun memiliki peraturan yang jelas terhadap spam. Yang penting kamu dapat menayangkan blog kamu diantara orang orang yang berminat.
  • Berhati hatilah.

2. JINGLING DAN ATAU AUTO VISITOR

Pernah tidak blog kamu mendapat visitor yang biasanya hanya beberapa ratusan orang tiba tiba membeludak sampai ribuan dan bahkan ratusan ribu jumlahnya? Pengunjungnya misalnya pengunjungnya dari Israel atau luar negeri. Bot bot ini diciptakan pada awalnya untuk dipergunakan meningkatkan traffik blog pribadi demi keuntungan yaitu menipu Google (untung Google tidak kapok karena mereka adalah pelaku bisnis tangguh) tetapi pada perkembangannya Jingling dipergunakan sebagai virus yang dapat merusak blog orang lain.

Cara kerjanya adalah dengan mengumpulkan IP-IP yang ada di dunia maya dan dipergunakan untuk mengunjungi blog kamu secara massive ciri ciri pengunjung biasanya berasal dari Amerika atau Israel, ngapain juga mereka mau membaca artikel yang bukan bahasa mereka? Itu artinya yang menjadi pengunjung blogmu adalah mesin. Pengunjung ini bisa berakibat blog kamu tidak di index lagi oleh mesin pencari google.

Perhatikan juga di stats blog kamu perangkat yang paling banyak dipergunakan pada waktu "Bom Pengunjung" ini adalah Windows (biasanya melebih 55%) karena biasanya di waktu normal tentunya Android. Windows adalah ciri ciri hacker sedang beraksi.

Entah apa tujuannya, namun beberapa pengalaman yang ditulis di forum beberapa blogger menemukan artikel mereka di kopi habis dengan iklan iklannya. Cara mereka bekerja adalah dengan menghujani blog kamu dengan bot bot pengunjung siluman, pada saat blog melambat merekapun bekerja! Google sering memberi peringatan: " Beberapa iklan anda terdeteksi ditayangkan pada situs lain, segera tambahkan situs anda, atau anda akan berpotensi kehilangan penghasilan"

Saya tidak tahu pasti bagaimana rincian cara kerja Jingling dan auto visitor ini. Akan tetapi sekali lagi blog yang di datangi oleh pengunjung tentu trafiknya naik, dan dampaknya memang bagus buat yang punya bisnis akan tetapi juga berbahaya terhadap penghasilan karena bisa saja dicuri.

Salah satu cara mengatasi dampak serangan Jingling adalah:
  • Masuk kepengaturan Blogger
  • Masuk ke setelan
  • Masuk ke referensi penelusuran
  • Kilik dan edit "Aktifkan konten robots.txt khusus?"
  • Ketika kotak dialog robots.txt khusus terbuka masukan script ini: User-agent: 
Mediapartners-Google
Disallow:
User-agent: Googlebot
Allow: /
Disallow: /search
User-agent: *
Disallow: /
Sitemap: http://www.adedansasa.com/feeds/posts/default?orderby=UPDATED
    Ganti kode link yang saya sorot kuning"adedansasa.com/ dengan alamat blog kamu sendiri dan SAVE
Adapun cara agar artikel, konten dan postingan kita tidak mudah di kopi secara iligel oleh pihak tidak bertanggung jawab kamu dapat melakukan langkah berikut:
  • Seperti langkah pertama: Masuk kepengaturan Blogger
  • Masuk ke Setelan
  • Pilih "lainnya"
  • Pilih Izinkan Feed Blog?
  • Jangan pilih "penuh" pilih saja opsi "singkat"
Pilihan "singkat" bertujuan agar pihak lain tidak dapat mengkopi artikel dan konten kita secara penuh.

3. BOM KLIK REAL DARI DUNIA NYATA

Siapa bilang ngeblog itu setelah bikin blog dan menjadi publisher adsense lantas kamu bisa goyang goyang kaki karena sen sen demi sen sudah masuk kedalam pundi pundi akun adsense kamu? Blog adalah ibarat property atau harta kamu. Kalau kamu punya mobil itu properti nyata. Namun blog adalah properti nyata dan sekaligus property intelektual bagi seorang blogger yang serius.

Keamanan sangatlah nyata, dan itu penting sekali.

Beberapa blog dengan domain dan hosting telah terintegrasi dengan sistem pengamanan yang canggih pada saat blogger membelinya, akan tetapi bagi seorang blogger pemula dan orang susah seperti kita mau tidak mau kita harus "mengamankan" harta benda kita sendiri dengan menjaganya. Rumah ada pagar dan pintu sebagai pengaman untuk mencegah orang lain yang tidak bertanggung jawab memasukinya. Blog juga seharusnya demikian.

Bisa saja ada orang tidak senang blog kamu dan mereka itu entah mengerti atau tidak, membuka dan mengklik iklan kamu sampai ratusan kali setiap hari, lalu dia mengajak saudara saudaranya, lalu teman temannya, hingga diklik berkali kali, jelas Google menganggapnya berbahaya bagi kelangsungan bisnis adsense terkait kepercayaan pelanggannya. Saya pastikan jika hal ini terjadi blog kamu akan ditangguhkan. Menyedihkan, apa salah kita? Tidak ada yang salah dan jangan berputus asa. Kamu harus mengatasi hal ini.

Ini bisa berat secara psikologis, akan tetapi selalu ada cara untuk mengatasi hal seperti ini walaupun kita tidak tahu persis siapa saja pelakunya. Gak mungkin kan melarang orang orang yang sedang benci? Salah salah hanya mendapat cibiran dari belakang kita.

Caranya adalah dengan memasang sebuah script, cara kerja script ini membaca IP perangkat yang mengklik iklan di blog kamu walau dimanapun mereka berada di ujung di dunia yang fana ini, pada saat mereka melanjutkan mengklik iklan untuk ketiga kalinya, iklan kamu menghilang! Hanya di perangkat laptop, tablet atau hape mereka saja. Kamu malah jadi untung dikunjungi oleh pengunjung setia yang kurang kerjaan dan bolak balik memeriksa kalau kalau ada iklan yang bisa di klik di blog kamu dengan tujuan buat mampusin kamu.

Caranya:
  • Log in ke blogger kamu
  • Klik template > Edit HTML
  • Cari kode </head> (tekan ctrl+F lalu tulis "</head>") dan enter.
  • Selanjutnya copy-paste kode dibawah ini dan letakan tepat diatas kode </head> tadi:
<script src='//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'/> <script src='http://yourjavascript.com/4682124575/antibomklik.js”/'/> &lt;script src=&#8221;http://yourjavascript.com/4682124575/antibomklik.js&#8221;/&gt;&lt;/script&gt;

Lalu tekan SAVE.

KESIMPULAN:

Apapun profesi kamu, jadilah orang yang rendah hati, dan selalu berhati hati. Mudah menjadi pintar dan terkenal, namun tidaklah mudah menjadi seorang yang bijak dan rendah hati. Lebih baik mendapatkan penghasilan sedikit daripada penghasilan banyak namun tidak halal dan berumur singkat.

Dan sebuah blog tidak hanya semata mata ssebuah blog, dia adalah properti yang harus kamu pikirkan juga kemanannya.....Semoga bermanfaat.

Untuk mencegah agar kamu tidak terperangkap ke dalam pelanggaran dan kesalahan yang sengaja kamu lakukan sendiri terhadap blog kesayangan kamu silahkan ikuti artikel berikut: JANGAN LAKUKAN 5 HAL INI ATAU BLOG ANDA AKAN 'KIAMAT'
Read More »

CARA MEMBUAT NAVIGASI MEGA MENU DI BLOGGER

Saran: terapkan ke template bawaan blogger simple atau awsome yang sudah di modifikasi menjadi responsive dan mobile friendly. Walaupun bisa diterapkan tanpa di modifikasi namun tampilannya di hape tidak mobile friendly nantinya kami akan menyediakan template template bawaan yang sudah di modifikasi secara gratis namun minus navigasi menu demi untuk pembelajaran.

Mega menu itu sendiri ada pada tema blog yang sedang kami pakai buat untuk editblogtema ini, namun megamenu yang kami modifikasi dibawah ini dapat diterapkan dengan mudah ke dalam template template default/bawaan blogger seperti Tema awsome, perjalanan dan sederhana. Akan tetapi dengan catatan ia hanya bekerja apabila blog bersifat terbuka secara umum basis kerjanya adalah JQuery library dan Json feed API, ia hanya akan bekerja layaknya menu navigasi drop down biasa jika JavaScript di non aktifkan.

Langkah pertama: buat HTML
1. Pengaturan>Theme/Template
2. Pilih EditHTML
3. Tekan ctrl+f>pada kotak pencarian ketikan: <div class='main-outer'>
4. Masukka kode berikut ini diatas kode diatas <div class='main-outer'>

<ul class='megamenu' id='megamenuid'>
<li><a href='/'>Home</a></li> 
<li><a class='menu-target' href='#'>MEGA MENU</a>
<ul>
<li><a href='http://ganti link/url.com'>blogger</a></li>
<li><a href='http://ganti link/url.com'>widget</a></li>
<li><a href='https://www.editblogtema.net/2018/10/cara-membuat-featured-post-slider-di.html'>trik</a></li>
</ul>
</li>

<li class='search-box'>
<form action='/search' class='search-here' method='get'>
<input class='search-field' name='q' placeholder='Search Here' size='0' type='text'/>
<input class='search-button' type='submit' value=' '/>
</form>
<p class='search-alert'>Search form is empty!</p>
</li>
</ul>
<div class='clear'/>

<div class='clear'/>


Ganti kode yang disorot dengan warna kuning dengan alamat url yang akan menampilkan mega menu anda. Ingat URL yang dapat menampilkan image/gambar hanya ada beberapa jenis yang dapat di terima oleh aturan menu AJAX contoh strukturnya seperti dibawah ini:

Label URL: https://blogspotanda.com/search/label/LABELNAME

Search Query: https://blogspotanda.com/search?q=SEARCHQUERY

Label w/search query: https://blogspotanda.com/search/label/LABELAME?q=SEARCHQUERY

Atau copy-paste link label blog anda jika anda telah memasang widget "label" klik itu dan ia akan membawa anda ke link label tersebut. Misalnya kepada semua postingan berlabel "wisata".

Langkah ke dua: masukan kode JAVASCRIPT

Masukan kode dibawah ini ke dalam tag kode </head> biasanya orang meletakannya diatas kode </head>:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
(function(e){var t=function(e,t){this.elem=e;this.settings=t;this.megaMenuHtml();this.ajaxcall=null;this.menulist=this.elem.find(".leftmenulist li a");this.menuHelper(this.elem);this.addEvents()};t.prototype={regex:{islabel:new RegExp("/search/label/","g"),issearch:new RegExp("[?&]q=","g"),labelsearch:new RegExp("(http://[^/]+)/search/label/([^/?&]+).*[?&]q=([^$&]+)(?:[^$]+)?","g"),label:new RegExp("(http://[^/]+)/search/label/([^/?&$]+)","g"),search:new RegExp("(http://[^/]+)/search/?[?&]q=(.*)","g")},addEvents:function(){var t=this;this.menulist.hover(function(){if(e(this).data("menuloaded")!=="true"){t.li=e(this);t.url=t.li.attr("href");t.container=t.li.closest("ul").siblings("ul");t.hoverOver()}},function(){t.hoverOut()})},hoverOver:function(){var t=this;this.getAJAXUrl();if(!this.ajaxUrl)return;this.ajaxcall=e.ajax({type:"GET",url:t.ajaxUrl,dataType:"jsonp",data:t.ajaxData,beforeSend:function(){t.showLoader()},success:function(e){t.hideLoader();t.addArrow();t.showPosts(e)},error:function(e){t.showError(e)}})},hoverOut:function(){this.ajaxcall.abort();this.hideLoader()},getAJAXUrl:function(){if(this.url){var e=this;this.ajaxData={alt:"json","max-results":this.settings.postsNumber};this.url.search(this.regex.islabel)!==-1&&this.url.search(this.regex.issearch)!==-1?this.ajaxUrl=this.url.replace(this.regex.labelsearch,function(t,n,r,i){e.ajaxData.q=i;return[n,"/feeds/posts/default/-/",r,"/"].join("")}):this.url.search(this.regex.islabel)!==-1&&this.url.search(this.regex.issearch)===-1?this.ajaxUrl=this.url.replace(this.regex.label,function(t,n,r){delete e.ajaxData.q;return[n,"/feeds/posts/default/-/",r,"/"].join("")}):this.url.search(this.regex.islabel)===-1&&this.url.search(this.regex.issearch)!==-1?this.ajaxUrl=this.url.replace(this.regex.search,function(t,n,r){e.ajaxData.q=r;return[n,"/feeds/posts/default"].join("")}):this.ajaxUrl=!1}else this.ajaxUrl=!1},showLoader:function(){e("<span></span>",{"class":"loading-icon"}).appendTo(this.li.closest("li"))},hideLoader:function(){this.li.closest("li").find("span.loading-icon").remove()},showPosts:function(t){var n=this,r=[],i,s,o;t.feed.openSearch$totalResults.$t>0?e.each(t.feed.entry,function(t,u){i=u.title.$t;e.each(u.link,function(e,t){t.rel==="alternate"?s=t.href:s="#"});o=u.media$thumbnail?u.media$thumbnail.url.replace(/\/s72\-c\//,"/s200-c/"):n.settings.noThumbnail;r.push('<li><span class="thumb-container"><a title="',i,'" href="',s,'"><img alt="',i,'" src="',o,'"/><br />',i,"</a></span></li>")}):r.push("<h5>","No posts available.","</h5>");this.container.html(r.join(""));this.menulist.removeData("menuloaded");this.li.data("menuloaded","true")},showError:function(e){if(e.statusText==="error"){this.hideLoader();this.addArrow();this.container.html("<h5>Oops... Could not fetch the blog posts.</h5>")}},addArrow:function(){this.menulist.closest("li").find("span").remove();this.menulist.removeClass("hover-menu");this.li.addClass("hover-menu");e("<span></span>",{"class":"menu-icon"}).appendTo(this.li.closest("li"))},menuHelper:function(t){var n=this;t.find(">li").hover(function(){var t=e(this);t.find("a:first").addClass("hover-menu");var r=e(this).find("ul.leftmenulist li").height()*e(this).find("ul.leftmenulist li").length;t.find("ul.rightmenulist").css({"min-height":r+"px"});n.requestFirstAjax(t)},function(){e(this).find("a:first").removeClass("hover-menu")})},megaMenuHtml:function(){this.elem.find("ul ul").remove();this.elem.addClass("megamenuid").find(">li").find("ul:first").addClass("leftmenulist").wrap(e("<div></div>",{"class":this.settings.divClass}));e("ul.leftmenulist").after(e("<ul></ul>",{"class":"rightmenulist"}))},requestFirstAjax:function(e){e=e.find(".leftmenulist li:first-child a");this.url=e.attr("href");this.container=e.closest("ul").siblings("ul");this.li=e;this.hoverOver()}};e.fn.megaBloggerMenu=function(n){var r={postsNumber:4,divClass:"megasubmenu",postsClass:"rightmenulist",noThumbnail:"/default.png"},i=e.extend({},r,n);return this.each(function(){var n=new t(e(this),i)})}})(jQuery);
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($) {
 $(&#39;#megamenuid&#39;).megaBloggerMenu({
  postsNumber : 4, 
  noThumbnail : &#39;https://4.bp.blogspot.com/-2FkUSG2DLkU/W7OExbR_-EI/AAAAAAAAghQ/J8o4YALCiNgS3KFyM2dOPm0vrQd4pAB1ACLcBGAs/s1600/images%2B%25283%2529%2B%25281%2529.jpeg&#39;
 });
});

$(function(){
  $(&#39;.search-here&#39;).submit(function(e){
    if($(&#39;.search-box .search-field&#39;).val().length==0){
       $(&#39;.search-box .search-alert&#39;).fadeIn().css(&#39;display&#39;,&#39;inline-block&#39;);
      e.preventDefault();
    }
  });
});
</script>

Kode yang di sorot kuning dapat anda edit:
PostNumber : 4 dapat anda ganti angkanya, jika blog sudah memiliki plug in jQuery baris ini bisa dibuang atau di abaikan saja.

Sedangkan link image masih memakai link Editblogtema, link di awali dengan &#39; dan harus ditutup dengan &#39; juga.

Langkah ke tiga: Tambahkan CSS

Caranya sama saja dengan kedua langkah diatas:
1. Pengaturan>Theme/Template
2. Pilih EditHTML
3. Tekan ctrl+f>pada kotak pencarian ketikan: ]]></b:skin>
4. Masukka kode berikut ini diatas kode diatas ]]></b:skin>

.megamenu *{margin:0;padding:0;font-family:'PT Sans Narrow'}ul.megamenu{list-style:none;line-height:1;overflow:visible !important}ul.megamenu:after{margin:0;padding:0;content:' ';display:block;height:0px;clear:both}ul.megamenu li{float:left;display:inline;position:relative;text-transform:uppercase}ul.megamenu li a.menu-target:after{content:"";width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid #fff;font-size:0;line-height:0;bottom:22px;right:5px;position:absolute}ul.megamenu li a{display:block;line-height:50px;padding:0px 20px;text-decoration:none;border-left:1px solid #000;box-shadow:1px 0 0 0 rgba(255, 255, 255, 0.1) inset;color:#d9d9d9;font-size:14px;transition:all 0.3s ease-in-out}ul.megamenu li a:hover{background:#111111;color:#fff}ul.megamenu ul{position:absolute;display:none;top:100%}ul.megamenu li:hover > ul{display:block}ul.megamenu ul li{z-index:72;min-width:149px;float:none;background:#000;text-shadow:none}ul.megamenu ul li a{text-transform:none;font-weight:normal}ul.megamenu ul li a:hover,ul.megamenuid ul li a.hover{background:#E0E0E0;color:#444}ul.megamenu ul ul{display:none;left:100%;top:0}ul.megamenuid li div.megasubmenu{background:#F9F9F9;position:absolute;width:830px;z-index:90;left:0;top:100%;overflow:hidden;min-height:150px;-moz-transform:translate(0,30px);-webkit-transform:translate(0,30px);-o-transform:translate(0,30px);transform:translate(0,30px);transform-origin:50% 0;visibility:hidden;opacity:0;color:#888;box-shadow:0 10px 7px -7px rgba(0,0,0,0.1);transition:all 0.3s ease-in-out}ul.megamenuid li:hover div.megasubmenu{visibility:visible;opacity:1;-moz-transform:translate(0,0);-webkit-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}ul.megamenuid ul,ul.megamenuid ul li{display:block !important;border:0 none !important;margin:0 !important;padding:0 !important}ul.megamenuid ul li{background:none !important;float:left !important}ul.megamenuid ul.leftmenulist{position:absolute;width:18%;left:0;top:0;bottom:0;background:#EEEEEE;border-right:1px dashed #e5e5e5 !important}ul.megamenuid ul.leftmenulist a{border-left:none !important;color:#555}ul.megamenuid ul.rightmenulist{position:relative;display:block;width:81%;float:right;margin:0px 0px 0px !important;background:none}ul.megamenuid ul.rightmenulist li{display:block;overflow:hidden;position:relative;min-height:210px;padding:5px 17px 5px 0px !important}ul.megamenuid ul.rightmenulist li .thumb-container{left:0;width:100%;height:100%;position:absolute;overflow:hidden;font-size:0;line-height:0}ul.megamenuid ul.rightmenulist li .thumb-container img{position:relative;top:10px;padding:0;width:100%;height:100%;display:block}ul.megamenuid ul.rightmenulist li a{display:block;border-left:none !important;padding:0px 5px !important;line-height:1.4;color:#777;font-weight:bold;font-size:14px}ul.megamenuid ul.rightmenulist li a:hover{color:#000;background:transparent}ul.megamenuid .loading-icon{background:url('http://2.bp.blogspot.com/-N9HNU11nhiA/Va-NLcGF0lI/AAAAAAAALW4/HzSlCK7PGeY/s1600/wait.gif') no-repeat scroll 0 0 transparent;width:22px;height:22px;position:absolute;top:50%;margin-top:-11px;right:5px}ul.megamenuid .menu-icon{border-bottom:4px solid transparent;border-top:4px solid transparent;border-left:4px solid #777;display:block;height:0;margin-top:-4px;position:absolute;right:11px;top:50%;width:0}#megamenuid{background:rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #3d3d3d, #212121) repeat scroll 0 0;background:-webkit-linear-gradient(top,#3d3d3d,#212121);background-color:#3d3d3d;box-shadow:1px 1px 0 0 rgba(255, 255, 255, 0.1) inset;height:50px;width:100%;position:relative;max-width:1000px;margin:0 auto;padding:0px}#megamenuid h5{font-size:16px;margin-top:70px;text-align:center}#megamenuid h5:before{content:"";position:absolute;top:50px;left:50%;width:5px;height:2px;margin-left:-4px;border-left:2px solid black;border-right:2px solid black}#megamenuid h5:after{content:"";position:absolute;top:55px;left:50%;width:10px;height:5px;margin-left:-7px;border-top:2px solid black;border-left:2px solid black;border-right:2px solid black;border-radius:8px 8px 0px 0px}li.search-box{float:right !important;line-height:35px;margin:7px 10px 0 0}li.search-box .search-field{border:none;padding:3px;background:#3F3F3F;color:#fff;width:135px;font-size:13px}li.search-box .search-field:focus{border:none;outline:none;background:#4C4C4C;color:#fff}li.search-box .search-button{background:url('http://4.bp.blogspot.com/-VJqk_zzkAuw/VazlDH_goDI/AAAAAAAALVM/t-AjU3ix55k/s1600/search.png') no-repeat;border:none;cursor:pointer;padding:5px 10px;transition:all 0.3s ease-in-out}li.search-box .search-button:hover{opacity:0.9}.search-alert{background:#E84C3D url(http://3.bp.blogspot.com/-TQMok5egm8c/Va44AXnjg3I/AAAAAAAALV8/eq_8ICAlH2I/s1600/search-info.png) no-repeat;background-position:5px;text-transform:capitalize;color:#fff;margin:-5px;padding:0px 15px 0px 40px;display:none;border-radius:5px}

Begitu cara membuat Navigasi blog dengan MEGA MENU lihat  demo 

DEMO
Read More »

CARA MENINGKATKAN CTR: ADSENSE ITU KUALITAS BISNIS BUKAN MORALITAS

Ada pertanyaan menggelitik, benarkah Google adsense telah bekerja baik di blog kita? Yang sudah gajian pasti bilang: Sudah. Yang belum jawabannya Tidak atau belum dan terus bertanya mengapa hal itu bisa terjadi terhadap diriku? Oh my God perjuangan semakin keras saja ya. Ayo yang punya blog baca mungkin beberapa alasan yang saya rangkum dari kesimpulan melalui sudut pandang berbeda ini berguna.
CPC
Pertama sebagai publisher kita sering mendengar CPC, apakah CPC itu? Singkatan dari "Cost per Click" atau terjamahannya "Harga setiap satu Klik" jadi setiap satu kali orang mengklik anda akan dibayar, namun bayarannya tergantung harga iklan dari Pengiklan, negara dan atau geography tempat publisher sedang ngeblog, publisher itu ya kita sebagai blogger serius ini akan kami jelaskan juga.

Artinya pihak pengiklan yang menggunakan sistem pembayaran Google dan bergantung kepada klik pengunjung yang mengunjungi blog blog yang mengikuti program adsense Google. Setiap klik iklan melalui blog, kita akan mendapatkan bayaran 68% dari penawaran terakhir yang dilelangkan kepada Google.

Misalkan Google memenangkan bid RP. 40ribu pada setiap klik dengan keyword  (kata kunci pencarian) tertentu, maka kita akan menerima RP.27.200,- setiap kali klik pengunjung didapatkan dari iklan yang ditempatkan di blog kita oleh Google.

Jadi apabila anda ingin duit nyata dari program adsense kita harus mencoba meningkatkan harga CPC. Artinya kita harus mempunyai jenis iklan yang tepat untuk web atau blog kita. Lakukan penyortiran agar sesuai dengan misi blog kita. Tentu saja kita tidak bisa menentukan iklan mana yang harus ditempatkan atau yang tidak boleh ditempatkan di blog kita secara pasti. Yang dapat kita lakukan hanyalah membangun blog kita dengan kualitas yang tinggi karena Google akan menempatkan iklan terbaik dengan harga terbaik secara otomatis mengikuti kualitas blog kita.

CTR 
Ada hal lain lagi, yakni CTR masih bagian dari CPC, CTR or 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.

KALAU CPC RENDAH INI SEBAGIAN ALASANNYA:

  • 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.
  • 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.
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: 


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.

Walaupun kita tidak akan melanggar aturan Google, mungkin kita akan melanggar aturan moral yang telah kita anut semenjak lama....
Read More »