Blog Ghifari: Tips Blog

Showing posts with label Tips Blog. Show all posts

Cara Membuat Kotak Pencarian Blog Mirip Yahoo!

<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<h2>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEGN9XSxpcj_U2GcVO5Kpy_i2EDECwJqSVPs-8IkYdaSq_-QjrvdaSHiCUYkOnZQasLpGzTB0oc2EkVGAWj4Z6HsVn9Ig_CJWJxcHo_zPtmwR1JmxKdZZ6_R3I9xBoSBuXm1poNoNROyR1/s1600/Kotak+Pencarian+Yahoo+Indonesia.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Kotak Pencarian Yahoo Indonesia" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEGN9XSxpcj_U2GcVO5Kpy_i2EDECwJqSVPs-8IkYdaSq_-QjrvdaSHiCUYkOnZQasLpGzTB0oc2EkVGAWj4Z6HsVn9Ig_CJWJxcHo_zPtmwR1JmxKdZZ6_R3I9xBoSBuXm1poNoNROyR1/s1600/Kotak+Pencarian+Yahoo+Indonesia.png" title="Kotak Pencarian Yahoo Indonesia" /></a></h2>
<br />
<br />
<div>
<br />
<b><br /></b><b><br /></b><b><br /></b><br />
Kotak pencarian mirip Yahoo! Search Box ini bisa ditampilkan di header sebelah nama blog (logo), bisa juga di atas atau di bawah posting. Penampakannya seperti di gambar di atas.<br />
<br />
<b>CARA MEMBUAT KOTAK PENCARIAN MIRIP YAHOO!</b></div>
<div>
1. Template >Edit HTML<br />
2. Capas kode berikut ini di atas kode <b>]]></b:skin></b><br />
<br />
<div style="background-color: #f2f2f2; border: 1px solid #ddd; padding: 10px; text-align: left;">
<br />
<div style="background-color: #f2f2f2; border: 1px solid rgb(221, 221, 221); padding: 10px;">
.searchform {background: url(https://lh6.googleusercontent.com/-_1OwVk5Mg6w/VK6wR9-Yf3I/AAAAAAAAJTM/4hlGeo2ddFQ/w550-h47-no/yahoo%2Bsearch.png) no-repeat; width:468px;height:47px;<br />
display: inline-block;zoom: 1; /* ie7 hack for display:inline-block */<br />
*display: inline;border: solid 0px #ccc;padding: 0px;}<br />
.searchform input {font: normal 12px Arial, Helvetica, sans-serif;padding:6px;}<br />
.searchform .searchfield {background: #fff;width: 457px;outline: none;margin: 5px 7px 0px 10px;border-top: 1px solid #888;border-left: 1px solid #888;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}<br />
.searchform .searchbutton {background: #3775dd;box-shadow: 0 2px #21487f;border: 0;height: 27px;width: 75px;padding: 5px;font: 500 15px sans-serif;color: #fff;border-radius: 4px;}</div>
</div>
<br />
<i>Catatan:</i><br />
<ul>
<li><i>468px = ukuran lebar kotak ini untuk ditampilkan di samping logo/nama blog. </i><i>Bisa diubah.</i></li>
<li><i>360px = ukuran lebar kotak entry teks, sesuaikan dengan lebar kotak. </i></li>
</ul>
3. <b>Save Template!</b></div>
<div>
<br /></div>
<div>
<b>Kembali ke Dashboard:</b></div>
<div>
<br /></div>
<div>
4. Layout > Add a New Gadget di samping logo header > pilih "HTML/Java Script"<br />
5. Copas kode berikut ini:</div>
<div>
<br />
<div style="background-color: #f2f2f2; border: 1px solid #ddd; padding: 10px; text-align: left;">
<form action=' /search' class='searchform' method='get'><input class='searchfield' id='q' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;&quot;;}' onfocus='if (this.value == &quot;&quot;) {this.value = &quot;&quot;}' type='text' value=''/><input class='searchbutton' type='submit' value='Search'/></form></div>
<br />
<div style="background-color: #f2f2f2; border: 1px solid rgb(221, 221, 221); padding: 10px;">
<b>6. Save!!!</b></div>
<b><br /></b>Demikian Cara Membuat Kotak Pencarian Blog Mirip Yahoo! Biar keren dan user friendly! Good Luck!</div>

Cara Membuat Kotak Pencarian Blog Mirip Yahoo!

Kotak pencarian mirip Yahoo! Search Box ini bisa ditampilkan di header sebelah nama blog (logo), bisa juga di atas atau di bawah p...

10 Tips Agar Blog Diterima Google Adsense

<div style="text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNcUMOhcvGe7jB-L-ldiBo8QpJeFKiQYfFx0C7e1ezvS1iFBmt5vEzz40I0I8cNSwLHu2YEo_En3UvyZmwNi12P1pooNNMomT1Tx1wH0NjCvZjM74NNfyGhwI_j7-H7BBudxqoqqcUDAEo/s1600/google-adsense-account-approval.jpg++434%C3%97333+.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="10 Tips Agar Blog Diterima Google Adsense" border="0" height="251" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNcUMOhcvGe7jB-L-ldiBo8QpJeFKiQYfFx0C7e1ezvS1iFBmt5vEzz40I0I8cNSwLHu2YEo_En3UvyZmwNi12P1pooNNMomT1Tx1wH0NjCvZjM74NNfyGhwI_j7-H7BBudxqoqqcUDAEo/s1600/google-adsense-account-approval.jpg++434%C3%97333+.png" title="10 Tips Agar Blog Diterima Google Adsense" width="320" /></a></div>
<div>
<b>Tips Agar Blog Mudah dan Cepat Diterima Ikut Program Google Adsense - Pasang Iklan Google.</b></div>
<div>
<br /></div>
Google Adsense (GA) adalah program periklanan online yang masih terpopuler di dunia. Belum ada yang ngalahin. Bagi blogger blogspot, menu "earning" atau sudah terintegrasi di dashboard, tinggal klik dan langsung mengarah ke sana.<br />
<div>
<br /></div>
<div>
Google juga memberikan panduan bagi para blogger tentang syarat daftar dan syarat blog agar diterima GA di <a href="https://support.google.com/adsense/answer/10162?hl=id" rel="nofollow" target="_blank">Bantuan Google Adsense</a>.</div>
<div>
<br /></div>
<div>
Disebutkan di sana, hal terpenting untuk meraih kesuksesan bersama AdSense adalah <b>memiliki situs web dengan konten menarik yang memuaskan pengguna</b> Anda.</div>
<div>
<br /></div>
<div>
Sebelum mengajukan permohonan ke AdSense, kata Google, periksa apakah situs Anda memiliki konten yang menarik dan orisinal --asli tulisan sendiri, bukan copy paste.</div>
<div>
<br /></div>
<div>
"Tentu saja, Anda juga perlu pengunjung, atau tidak ada seorang pun yang akan melihat iklan Anda, jadi pastikan orang-orang telah mengetahui tentang situs Anda sebelum menempatkan iklan di sana," tegasnya.</div>
<div>
<br /></div>
<div>
<b>DUA SYARAT UTAMA</b></div>
<div>
Jadi, dua Syarat Utama diterima Google Adsense adalah:</div>
<div>
<ol>
<li>Konten yang Menarik.</li>
<li>Banyak pengunjung.</li>
</ol>
<div>
Syarat lainnya antara lain blogger harus berusia 18 tahun ke atas. "Seperti yang tercantum pada <a href="https://www.google.com/adsense/localized-terms" rel="nofollow" target="_blank">Persyaratan dan Ketentuan</a>, kami hanya dapat menerima permohonan dari pemohon yang berusia lebih dari 18 tahun," tegas Google.</div>
</div>
<div>
<br />
Syarat diterima atau aturan selengkapnya bisa dicek di <a href="https://support.google.com/adsense/answer/48182" rel="nofollow" target="_blank">Kebijakan Program AdSense</a>, di antaranya:</div>
<div>
"Buat situs yang <b>bermanfaat dan kaya informasi</b>, serta tulis laman yang menggambarkan konten dengan jelas dan akurat."<br />
<h3>
<b>10 Tips Agar Blog Cepat Diterima Google Adsense</b></h3>
Tips berikut ini CB susun dan edit berdasarkan posting <a href="http://helplogger.blogspot.com/2014/12/applying-for-google-adsense-tips.html" rel="nofollow" target="_blank">Help Blogger</a> tentang cara agar blog kita cepat diterima. Intinya, lengkapi blog dengan beberapa halaman untuk menunjukkan "keseriusan" blogging kita.<br />
<br />
<b>1. Privacy Policy</b>.<br />
Buatlah Halaman Privacy Policy. Kita bisa membuat sendiri, bisa juga menggunakan <a href="http://www.generateprivacypolicy.com/" rel="nofollow" target="_blank">privacy policy generator</a>. Privacy Policy adalah halaman statis blog yang berisi tentang cara Anda "memperlakukan" data pengunjung blog.<br />
<blockquote class="tr_bq">
A privacy policy is a document that discloses some or all of the ways to your website vistors about what you will do with information gathered from them, how you are gathering that information and how the information will be stored and managed.</blockquote>
<b>2. Kontak.</b><br />
Halaman ini berisi bagaimana pengunjung bisa mengontak Anda secara pribadi, minimal sebuah email.<br />
<br />
<b>3. About Us</b><br />
Halaman "Tentang Kami" atau "Tentang Saya". Berisi profil ringkas blogger atau penjelasan tentang blog yang Anda buat. Halaman ini akan menjadi bahan pertimbangan tersendiri bagi Google Adsense.<br />
<br />
<b>4. Email & Name Verification</b><br />
Pastikan Anda menuliskan email yang benar di "About" dan "Kontak" agar Google bisa menghubungi dan memverifikasi blog Anda secepatnya.<br />
<br />
<b>5. Verify Age</b><br />
Saat mengisi "formulir pendaftaran" di Google Adsense, isi nama dan tanggal lahir dengan benar. Pastikan Anda sudah dewasa, minimal berusia 18 tahun.<br />
<br />
Lagi pula, saat pencairan kiriman dolar nanti, misalnya via Western Union, Anda akan diminta menunjukkan KTP Asli dan menyerahkan fotokopinya. Ada sidik jari juga lho! Ada cap jempol, eh... nggak... tiga jari! (Katanya sih banyak penipuan).<br />
<br />
<b>6. Appropriate Design</b><br />
Blog Anda harus tampil menarik, profesional, dan mudah dibuka pengunjung. Buatlah blog dengan desain (template) yang bersih, ringan, alias seo friendly dan fast loading. Jangan "kumuh"!<br />
<br />
<b>7. Have Plenty of Posts</b><br />
Blog Anda harus berisi banyak posting. Menurut Help Blogger, posting Anda minimal 500 kata. Jadi, jangan kebanyakan posting pendek. Banyakin tulisan panjang yang tentu tidak asal panjang, tapi berkualitas dan "natural", gak dibuat-buat alias "aspan" (asal panjang).<br />
<br />
<b>8. Remember the Rules</b><br />
Ikuti aturan main. Blog Anda tidak boleh berisi konten dan link pornografi, perjudian, dan konten ilegal. Selain itu, jika SEMUA tulisan Anda di blog itu kurang dari 200 kata, maka tidaka akan diterima Google Adsense.<br />
<br />
<b>9. Adds Value</b><br />
Nilai tambah. Ini terkait konten berkualitas dan disukai pengguna. Makin banyak pengunjung, maka Google akan makin terkesan dengan blog Anda.<br />
<br />
<b>10. Unique, Top Level Domain</b><br />
Disarankan menggunakan Top Level Domain (TLD) biar lebih cepat diterima. Domain ekstensi .com, .net, .org, dan sebagainya. Ini tidak wajib kok. Meskipun blogspot.com, kalo tampilan dan isinya bagus berkualitas, bisa cepat diterima.<br />
<br />
Itulah tips agar blog kita cepat dan mudah diterima ikutan program Google Adsense.<br />
<br /></div>

10 Tips Agar Blog Diterima Google Adsense

Tips Agar Blog Mudah dan Cepat Diterima Ikut Program Google Adsense - Pasang Iklan Google. Google Adsense (GA) adalah program periklan...

Cara Membuat Widget Hanya Muncul Dihalaman Postingan

<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="font-family: 'Iskoola Pota', sans-serif; font-size: 13pt; line-height: 115%; text-align: justify;">Tips yang satu ini dapat anda lakukan apabila terdapat sesuatu widget yang diinginkan hanya muncul di halaman postingan saja, jadi pada intinya widget ini tidak muncul di halaman depan blog/Homepage.</span><br />
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="font-family: "Iskoola Pota","sans-serif"; font-size: 13.0pt; line-height: 115%;">Berikut merupakan Cara Membuat Widget Hanya Muncul Dihalaman Postingan, yaitu:<o:p></o:p></span><br />
<span style="font-family: "Iskoola Pota","sans-serif"; font-size: 13.0pt; line-height: 115%;"><br /></span></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="font-family: "Iskoola Pota","sans-serif"; font-size: 13.0pt; line-height: 115%;">1. Jangan lupa Login dulu ke <a href="http://www.blogger.com/" rel="nofollow" target="_blank">blogger.com</a><o:p></o:p></span><br />
<span style="font-family: "Iskoola Pota","sans-serif"; font-size: 13.0pt; line-height: 115%;"><br /></span></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="font-family: "Iskoola Pota","sans-serif"; font-size: 13.0pt; line-height: 115%;">2. Segera masuk ke Elemen Halaman => Edit HTML<o:p></o:p></span><br />
<span style="font-family: "Iskoola Pota","sans-serif"; font-size: 13.0pt; line-height: 115%;"><br /></span></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="font-family: "Iskoola Pota","sans-serif"; font-size: 13.0pt; line-height: 115%;">3. setelah ketemu silahkan cari nama widget yang ingin ditampilkan di halam postingan saja. Barikut ini contoh yang saya ambil widget yang bernama "Artikel Pilihan Lainnya"<o:p></o:p></span></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="font-family: "Iskoola Pota","sans-serif"; font-size: 13.0pt; line-height: 115%;">Untuk mempermudah pencarian ketik CTRL+Shift+F.<o:p></o:p></span></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
<blockquote class="tr_bq">
<div style="text-align: left;">
<span style="font-family: 'Iskoola Pota', sans-serif; font-size: 13pt; line-height: 115%;"><b:widget id='</span><span style="color: #92d050; font-family: 'Iskoola Pota', sans-serif; font-size: 13pt; line-height: 115%;">HTML10</span><span style="font-family: 'Iskoola Pota', sans-serif; font-size: 13pt; line-height: 115%;">' locked='false' title=</span><b style="font-family: 'Iskoola Pota', sans-serif; font-size: 13pt; line-height: 115%;"><span style="color: #ffc000;">'Artikel Pilihan Lainnya</span></b><span style="font-family: 'Iskoola Pota', sans-serif; font-size: 13pt; line-height: 115%;">' type='HTML'></span></div>
<div style="text-align: left;">
<span style="font-family: "Iskoola Pota","sans-serif"; font-size: 13.0pt; line-height: 115%;"><span style="font-size: 13pt; line-height: 115%;"><b:includable id='main'></span></span></div>
<span style="font-family: "Iskoola Pota","sans-serif"; font-size: 13.0pt; line-height: 115%;"></span><span style="font-family: "Iskoola Pota","sans-serif"; font-size: 13.0pt; line-height: 115%;"></span><br />
<div style="text-align: left;">
<span style="font-family: "Iskoola Pota","sans-serif"; font-size: 13.0pt; line-height: 115%;"><span style="color: red; font-size: 13pt; line-height: 115%;"><b:if cond='data:blog.pageType == "item"'></span></span></div>
<span style="font-family: "Iskoola Pota","sans-serif"; font-size: 13.0pt; line-height: 115%;"></span><span style="color: red; font-family: "Iskoola Pota","sans-serif"; font-size: 13.0pt; line-height: 115%;"></span><br />
<div style="text-align: left;">
<span style="font-family: "Iskoola Pota","sans-serif"; font-size: 13.0pt; line-height: 115%;"><span style="font-size: 13pt; line-height: 115%;"></span></span></div>
<span style="color: red; font-family: "Iskoola Pota","sans-serif"; font-size: 13.0pt; line-height: 115%;"></span><span style="font-family: "Iskoola Pota","sans-serif"; font-size: 13.0pt; line-height: 115%;"></span><br />
<div style="text-align: left;">
<span style="font-family: "Iskoola Pota","sans-serif"; font-size: 13.0pt; line-height: 115%;"><span style="font-size: 13pt; line-height: 115%;"><b:if cond='data:title != ""'></span></span></div>
<span style="font-family: "Iskoola Pota","sans-serif"; font-size: 13.0pt; line-height: 115%;"></span><span style="font-family: "Iskoola Pota","sans-serif"; font-size: 13.0pt; line-height: 115%;"></span><br />
<div style="text-align: left;">
<span style="font-family: "Iskoola Pota","sans-serif"; font-size: 13.0pt; line-height: 115%;"><span style="font-size: 13pt; line-height: 115%;"><h2 class='title'><data:title/></h2></span></span></div>
<span style="font-family: "Iskoola Pota","sans-serif"; font-size: 13.0pt; line-height: 115%;"></span><br />
<div style="text-align: left;">
<span style="font-family: "Iskoola Pota","sans-serif"; font-size: 13.0pt; line-height: 115%;"><span style="font-size: 13pt; line-height: 115%;"></b:if></span></span></div>
<span style="font-family: "Iskoola Pota","sans-serif"; font-size: 13.0pt; line-height: 115%;">
</span><span style="font-family: "Iskoola Pota","sans-serif"; font-size: 13.0pt; line-height: 115%;"><div style="text-align: left;">
<span style="font-size: 13pt; line-height: 115%;"><div class='widget-content'></span></div>
</span><span style="font-family: "Iskoola Pota","sans-serif"; font-size: 13.0pt; line-height: 115%;"><div style="text-align: left;">
<span style="font-size: 13pt; line-height: 115%;"><data:content/></span></div>
</span><span style="font-family: "Iskoola Pota","sans-serif"; font-size: 13.0pt; line-height: 115%;"><div style="text-align: left;">
<span style="font-size: 13pt; line-height: 115%;"></div></span></div>
</span><span style="font-family: "Iskoola Pota","sans-serif"; font-size: 13.0pt; line-height: 115%;"><div style="text-align: left;">
<span style="font-size: 13pt; line-height: 115%;"><b:include name='quickedit'/></span></div>
</span><span style="font-family: "Iskoola Pota","sans-serif"; font-size: 13.0pt; line-height: 115%;"><div style="text-align: left;">
<span style="color: red; font-size: 13pt; line-height: 115%;"></b:if></span></div>
</span><span style="font-family: "Iskoola Pota","sans-serif"; font-size: 13.0pt; line-height: 115%;"><div style="text-align: left;">
<span style="font-size: 13pt; line-height: 115%;"></b:includable></span></div>
</span><span style="font-family: "Iskoola Pota","sans-serif"; font-size: 13.0pt; line-height: 115%;"><div style="text-align: left;">
<span style="font-size: 13pt; line-height: 115%;"></b:widget></span></div>
</span></blockquote>
</div>
<div class="MsoNormal" style="text-align: justify;">
<span style="font-family: 'Iskoola Pota', sans-serif; font-size: 13pt; line-height: 115%;"><b>Catatan</b> : </span><br />
<span style="font-family: 'Iskoola Pota', sans-serif; font-size: 13pt; line-height: 115%;"><br /></span>
<span style="font-family: 'Iskoola Pota', sans-serif; font-size: 13pt; line-height: 115%;">Silahkan sisipkan kode yang berwarna </span><span style="color: red; font-family: 'Iskoola Pota', sans-serif; font-size: 13pt; line-height: 115%;">merah</span><span style="font-family: 'Iskoola Pota', sans-serif; font-size: 13pt; line-height: 115%;"> diatas, tepat berada pada contoh diatas.(Karena kode berwarna </span><span style="color: red; font-family: 'Iskoola Pota', sans-serif; font-size: 13pt; line-height: 115%;">merah</span><span style="font-family: 'Iskoola Pota', sans-serif; font-size: 13pt; line-height: 115%;">, merupakan kode yang berfungsi agar widget hanya tampil pada postingan saja).</span></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="font-family: "Iskoola Pota","sans-serif"; font-size: 13.0pt; line-height: 115%;"><br /></span></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="font-family: "Iskoola Pota","sans-serif"; font-size: 13.0pt; line-height: 115%;">Pada kode  berwarna <span style="color: #ffc000;">kuning tebal </span>merupakan judul widget yang akan kita setting kemunculannya hanya pada halaman postingan.<o:p></o:p></span><br />
<span style="font-family: "Iskoola Pota","sans-serif"; font-size: 13.0pt; line-height: 115%;"><br /></span></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="font-family: "Iskoola Pota","sans-serif"; font-size: 13.0pt; line-height: 115%;">Untuk kode dengan warna <span style="color: #92d050;">hijau</span>, sobat biarkan saja karena pada setiap blog urutan widgetnya berbeda-beda.</span></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="font-family: "Iskoola Pota","sans-serif"; font-size: 13.0pt; line-height: 115%;">S</span><span style="font-family: 'Iskoola Pota', sans-serif; font-size: 13pt; line-height: 115%;">ekian tentang <b>Cara Membuat Widget Hanya Muncul Dihalaman Postingan</b>. semoga bermanfaat. Terimakasih...</span><br />
<span style="font-family: 'Iskoola Pota', sans-serif; font-size: 13pt; line-height: 115%;"><br /></span><span style="font-family: 'Iskoola Pota', sans-serif; font-size: 13pt; line-height: 115%;"><br /></span></div>

Cara Membuat Widget Hanya Muncul Dihalaman Postingan

Tips yang satu ini dapat anda lakukan apabila terdapat sesuatu widget yang diinginkan hanya muncul di halaman postingan saja, jadi pada in...

Blog Ghifari

Cara Membuat Kotak Pencarian Blog Mirip Yahoo!

10 Tips Agar Blog Diterima Google Adsense

Cara Membuat Widget Hanya Muncul Dihalaman Postingan

Popular Posts

Blog Archive