Cara Menambahkan Icon Pada Judul Widget/Gadget Blogger

Untuk mendapatkan cara menambahkan icon yang berbeda pada setiap judul widget blogger mungkin terdapat banyak versi. Dan saya akan memberikan cara sesimple mungkin untuk dapat dipahami pembaca. Untuk menggunakan cara yang saya berikan, pastikan template yang kalian gunakan sudah terpasang Font Awesome karena saya akan menggunakan icon dari Font Awesome. Jika kalian belum memasang Font Awesome bisa membaca Cara Memasang Font Awesome pada Blogger.

Jika ingin menambahkan icon diluar font awesome atau menggunakan icon buatan anda sendiri, saya sarankan terlebih dahulu anda menyiapkan sebuah icon atau gambar yang berukuran kira-kira sekitar 15x15 pixel atau lebih. Langsung saja masuk pada point dari topik yang kita bahas.

Simak langkah-langakah yang saya berikan.
1. Pada dashboard blogger kalian pilih Template >> Edite HTML

2. Cari ID Widget yang akan kalian tambahkan icon. Sebagai contoh saya akan menambahkan icon pada widget  Popular Post.

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts' version='1'>
<b:widget-settings>...</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>...</div>
</b:includable>
</b:widget>

3. Tambahkan kode icon kalian sebelum atau sesudah <data:title/>

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts' version='1'>
<b:widget-settings>...</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'><h2><i aria-hidden='true' class='fa fa-fire' style='margin-right: 10px;'/><data:title/></h2></b:if>
<div class='widget-content popular-posts'>...</div>
</b:includable>
</b:widget>

Untuk mendapatkan icon dari font awesome bisa kunjungi http://fontawesome.io/icons/ dan yang ingin menggunakan icon buatan anda sendiri bisa menggunakan HTML dibawah ini.

<img src='http://4.bp.blogspot.com/-kK3RzQIzxIA/Us6fhhsYh2I/AAAAAAAAAZ0/FYKre29QEYw/icon.png' style='border:0;padding:0;margin-right:10px'/>

Ganti URL diatas dengan URL icon anda

4. Jangan lupa menambahkan style='margin-right:10px;' untuk memberi jarak antara icon dan judul widget seperti pada langkah 3

5. Pilih Pratinjau untuk melihat hasilnya. Jika kode sudah bekerja dengan semestinya klik Simpan

Saya rasa cukup jelas, jika masih ada yang kurang jelas bisa bertanya dikolam komentar. Terima kasih sudah berkunjung dan semoga bermanfaat.

Continue Reading

Cara Menghapus Akun Adsense Yang Tidak Bisa Di Batalkan

Ternyata untuk menghapus akun adsense cukup mudah. Tetapi untuk beberapa orang mungkin ada yang kesulitan untuk menghapus akun adsensenya, karena tidak ada link Batalkan Akun seperti tutorial yang kebanyakan orang berikan. Ada beberapa alasan kenapa tidak ada link batalkan akun. Biasanya karena mendaftar melalui Admob.

wtfaisal

Kenapa ingin membatalkan akun adsense? karna beberapa orang mungkin sulit untuk mendapatkannya. Jika kalian sudah yakin untuk membatalkan akun adsense anda silahkan ikuti step by step yang saya perintahkan.



1. Masuk ke akun gmail yang terkait dengan Adsense yang ingin anda hapus.



2. Lalu klik link

https://support.google.com/admob/contact/account_cancel

biasanya sudah terisi otomatis data anda.



3. Untuk data yang wajib anda tambahankan, masukan Publisher ID dengan Publisher ID yang ada di akun adsense anda. Untuk melihat Publisher ID anda bisa dengan Masuk akun adsensen anda > Lalu klik Akun > Klik Informasi Akun.

wtfaisal

4. Masukan alasan kenapa anda ingin menghapus akun anda.



5. Jika sudah mengisi semua form makan tunggu kurang dari 48 jam untuk mendaptkan persetujuan membatalkan akun adsense anda.



Contoh email balasan dari tim google yang menerima pengajuan pembatalan akun adsense.

wtfaisal

Terima kasih sudah berkunjung dan semoga bermanfaat.

Continue Reading

LIRIK Death Kanker Over Doze ( DKOD )

SUMBER : D.K.O.D

Continue Reading

Cara Mudah Membuat Slide Show Foto di Blog

Sebuah halaman blog yang tidak ada sentuhan foto atau gambar akan terasa membosankan. Jika sudah bosan, maka pengunjung blog tidak akan lama bertahan. Bukan hanya sebagai pernak-pernik, sebuah foto juga bisa memberikan kesan tersendiri. Orang akan lebih hafal dengan gambar daripada tulisan.

Sekarang, kita akan belajar untuk membuat slide show, yaitu foto-foto yang ditampilkan secara bergantian dengan otomatis. Slide show bisa digunakan untuk menampilkan banyak foto tanpa menyita banyak space. Karena foto akan diputar layaknya sebuah video, sehingga lebih menarik dan hemat tempat.

Slide show bisa digunakan untuk menampilkan foto liburan yang banyak, atau memajang foto-foto produk untuk toko online. Cara untuk membuat slide show ini sangat mudah, tidak perlu pintar photoshop atau flash. Kita tinggal menyiapkan foto yang sudah diupload (dihosting). Kita bisa memanfaatkan post blogger, Picasa, Photobucket, dan lain-lain.

Cara Mudah Membuat Slide Show Foto di Blog
1. Login ke blogger
2. Pilih Tata Letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:

<script src='http://yourjavascript.com/53816065231/Database5.js' type='text/javascript'></script>
<script type="text/javascript" src="http://yourjavascript.com/65160840132/cycle.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#content-slider').cycle({
fx: 'fade'
});
});
</script>
<style type="text/css">
#content-slider {
   position: relative;
   width: 100%;
   height: 250px;
   overflow: hidden;
   margin:0 auto;
}
#content-slider img {
   display: block;
   width: 100%;
   height: 250px;
}
</style>
<div id="content-slider">
<img src="URL Foto 1" />
<img src="URL Foto 2" />
<img src="URL Foto 3" />
<img src="URL Foto 4" />
</div>

5. Ganti URL Foto 1 dengan URL foto yang sudah dihost (upload)
6. Kita bisa juga menyesuaikan tinggi foto (height) dan lebarnya.
7. Kita bisa menambahkan atau menampilkan foto lebih banyak lagi dengan menambahkan kode sama seperti <img src="URL Foto 4" /> dan seterusnya.
7. Simpan jika sudah selesai.


Sumber : http://kurniasepta.blogspot.com/2013/03/cara-mudah-membuat-slide-show-foto-di.html

Continue Reading

Cara Membuat Widget Fan Page Facebook Auto Hide di Blog

Kali ini CJH akan membagi tentang Cara Membuat Widget Fan Page Facebook Auto Hide di Blog.

Widget Fan Page Facebook Auto Hide di Blog bisa membantu kawan-kawan blogger untuk menambah space / ruang pada template blog. Sehingga space yang kosong bisa anda gunakan tempat iklan atau yang lainnya. Kenapa demikian ? karena Fan Page Facebook tersebut bisa muncul atau sembunyi lalu muncul kembali.

Penempatan Widget Fan Page Facebook Auto Hide di Blog tepat berada di pojok kanan bawah pada halaman blog kita. Widget Fan Page Facebook Auto Hide di Blog Muncul ketika mouse diarahkan ke bawah atau ke atas halaman. Heheheh, Atas Bawah... apa dia malu yah ampe muncul dan tidak muncul heheheh.

Untuk mempersingkat, inilah Cara Membuat Widget Fan Page Facebook Auto Hide di Blog.
1. Seperti biasanya, anda harus membuka Akun Blog anda sendiri (pinjam boleh asal disetujui, heheheh)
2. Pilihlah Rancangan / Design pada Dasbor Blog Anda (seperti biasa juga nih)
3. Lalu tambahkan Widget (klik add widget / tambah gadget)
4. Pilih mode HTML/Javascript
5. Copy-lah script dibawah ini dan paste-lah pada kotak widget yang tadi anda tambahkan.

<script src="http://ojel88.googlecode.com/files/slidboxordinary.js" type="text/javascript"></script>
<div id="fbslidebox" style="position: fixed; width: 310px; overflow: hidden; bottom: 5px; right: 5px; background: #fff;) repeat scroll 0% 0% transparent; -moz-border-radius: 15px 15px 15px 15px; border: 5px ridge #80ff00; display: block;">
<div style="width: 295px; padding: 10px; margin: 0pt auto; overflow: hidden;">
<a id="fbcloseslidebox" style="float: right; color: #000; padding: 0pt 2px; border: 1px solid #000; text-decoration: none; font-size: 10px; font-family: Verdana" href="#">Exit</a>
<strong style="color:#000;">Silahkan Anda Like/Suka</strong>

Silahkan Letakkan Kode /Script Fan Page Facebook Anda disini

</div></div>

6. Simpan Widget dan simpan template blog anda.
7. Lihat Hasilnya.

Catatan :

• Untuk yang berwarna biru silahkan anda ganti kata-kata yang anda inginkan.
• Untuk yang berwarna merah Silahkan Letakkan Kode /Script Fan Page Facebook

Sumber :  http://lapo-kita.blogspot.com/2012/04/cara-membuat-widget-fan-page-facebook.html

Continue Reading