Archive for Februari 2013

Cara Memasang Tombol Back to Top di Blog

Pernahkah Anda melihat tombol back to top di bagian kanan bawah suatu blog? Tombol back to top berfungsi apabila konten pada blog kita yang terlalu banyak sehinggan tampilan blog terlalu memanjang ke bawah.

Dengan adanya tombol tersebut dapat memudahkan pengunjung kembali lagi ke atas halaman blog jika mereka berada di bagian terbawah, sehingga tidak menggunakan fungsi scroll lagi dengan meng-klik tombol tersebut.

Jika Anda ingin memasang tombol back to top pada blog, berikut simak langkah-langkahnya:

1. Login akun blogger Anda.
2. Pilih Template > Edit HTML > centang Expand Template Widget.
3. Kemudian cari kode </body> untuk mempercepat pencarian gunakan Ctrl + F.
4. Letakkan kode dibawah ini tepat diatas </body>
<script src='http://id-pemula-javascript.googlecode.com/files/backtotop.js' type='text/javascript'/>
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4ORUDTJW4O_PrRrsYG5Vl3kkgI4FV38URprf1VG7E4GFp7CKxcVEkFB5OrftTl5FdnIPd_0GlwHsHoCsy1zxdp3EeXSf-pr-bnHbSD-797dmrqyUIaitf-NtKwSColDglLAlleFVOMFs/s1600/back-to-top.gif'/></a>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
5. Setelah selesai 'Simpan template'.

Nah, sekarang pengunjung blog Anda sangat terbantu dengan adanya tombol back to top ini, semoga bermanfaat.

Cara Membuat Daftar Isi dengan Jquery di Blog

Daftar isi pada blog sangat penting sekali karena dapat memudahkan pengunjung untuk mengetahui atau mencari artikel keseluruhan pada sebuah blog. Pada kesempatan ini kita akan membahas cara membuat daftar isi dengan efek Jquery di blog.

Kelebihan daftar isi dengan Jquery ini adalah pada tampilannya yang cukup menarik. Jika Anda ingin memasangnya di blog ikuti dan simak langkah-langkahnya berikut ini :

1. Login akun blogger Anda.
2. Pilih Template > Edit HTML > centang 'Expand Template Widget'.
3. Letakkan kode berikut diatas kode ]]></b:skin>
#dafis-acc{
font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyp9-5nfZTYjB2l3Z-Q148NDmcTHivybFCc5gvTVSKo62FQyn3W5eI-ZXfAD7k4hCODBb7CmYVFVpZ5upueu7wOac-N-qvJPdpm5KWBFapZy2VnC-yYUhFzjjsNeH04jBBubckGtoS3b8/s320/bg5.gif) repeat-y scroll left center #E7F7FB;
padding:2px 0;
border:1px solid #339DC6;
}
.dafis-label{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO0R753Pz_J0DLAJcSnJ_apqvHWmy72cnBppO1FIb0xaJCojCImXl1puxwg5LOhTieTMdFz7-8XNqV8LBjCaNmz2-ZLu0s8oUaicXerNQ-3RPin8pZfHl8Y0UGa2W50oXW5tpwRFMlWEA/s1600/bg4.gif) repeat-x scroll 0 0 #E1F4FB;
font-weight:bold;
line-height:1.4em;
overflow:hidden;
white-space:nowrap;
vertical-align: baseline;
margin: 1px 3px;
outline: none;
cursor: pointer;
text-decoration: none;
padding: 2px 10px;
color: #fff;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
border:1px solid #2F94BA;
}
.dafis-label:hover{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCxbkS8sEBlJ7P6z5d1G0W-PBLUK1w0-Lhb66Pjj3Dm18J0vMlAU_iHJDHl-o2rhJk4vOS5NctUeRn5iZFfDt2VbcgUkkhT011W_y-uCN08jdnWObDVizY0Op1a56DfkUUWup609SOmLw/s320/bg2.gif) repeat-x scroll 0 0 #E1F4FB;
color:#003366;
}
.dafis-daf ol{
margin:0 0 0 30px !important;
padding:0 !important;
}
.dafis-daf ol li{
background-color:#C9E9F4;
line-height:1.5em;
margin:1px 3px !important;
white-space:nowrap;
text-align:left;
border:1px solid #339DC6;
}
.dafis-daf ol li a{
text-decoration: none !important;
color:#333 !important;
display:block;
padding-left:10px;
}
.dafis-daf ol li a:hover{
background: #7BC4DF;
border-left: 5px #333 solid;
padding-left: 5px;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
}
4. Kemudian letakkan juga kode berikut diatas kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
5. Setelah itu Simpan template.
6. Langkah selanjutnya adalah memasang daftar isi di blog, letakkan kode dibawah ini pada HTML/JavaScript atau posting blog Anda pada mode HTML.
<script type="text/javascript" src="http://id-pemula-javascript.googlecode.com/files/Dafsis.js"></script> <script src="http://id-pemula.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>
Keterangan:
Ganti kode yang berwarna merah diatas dengan alamat URL blog Anda.

Nah, sekarang blog Anda sudah terpasang daftar isi dengan efek Jquery yang menarik.

Cara Membuat Tombol Like Facebook di Posting Blog

Tombol like facebook biasanya diletakkan dibawah atau atas setiap posting, fungsi dari tombol like facebook adalah untuk mengukur seberapa banyak pengunjung menyukai posting blog dengan meng-like postingan tersebut.

Berikut ikuti langkah-langkah cara membuat atau memasang tombol like facebook di posting blog :

1. Login akun blogger Anda.
2. Pilih Template > Edit HTML > centang 'Expand Template Widget'.
3. Cari kode <data:post.body/>
4. Letakkan kode dibawah ini tepat dibawah kode <data:post.body/> jika Anda menginginkan dibawah posting, jika menginginkan diatas posting letakkan kodenya tepat diatas <data:post.body/>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/>
Keterangan :
standard bisa Anda ganti dengan button_count untuk merubah tampilannya.
light bisa Anda ganti dengan dark untuk merubah background menjadi gelap (sesuaikan dengan template Anda)
5. Terakhir Simpan template.

Nah, pada setiap posting blog Anda kini sudah terpasang tombol like facebook dan selamat mencoba.

Cara Mengubah Warna Link pada Blog

Biasanya setelah mengganti template blog terkadang kita tidak menyukai warna link bawaan dari template, bisakah kita mengubah warna link pada blog? Tentunya sangat bisa dan mungkin sekali kita mengubah warna link pada blog sesuai dengan keinginan, hanya saja dibutuhkan sedikit ketelitian dalam mengedit template karena tidak semua template script-nya sama.

Berikut simak langkah-langkah cara mengubah warna link pada blog :

1. Login akun blogger Anda.
2. Pilih Template > Edit HTML > centang 'Expand Template Widget'.
3. Kemudian cari kode seperti dibawah ini :
a:link {
color:#000000;
text-decoration: underline;
}
a:hover {
color:#FFFFFF;
text-decoration: underline;
}
a:visited {
color:#CCCCCC;
text-decoration: underline;
}
Keterangan dari kode diatas :
a:link {
color:#000000;
text-decoration: underline;
}
// Link yang akan ditampilkan berwarna hitam
a:hover {
color:#FFFFFF;
text-decoration: underline;
}
// Jika mouse Anda arahkan pada link maka akan berubah menjadi warna putih
a:visited {
color:#CCCCCC;
text-decoration: underline;
}
// Jika link selesai diklik maka link akan berubah menjadi abu-abu
4. Ganti kode warna diatas sesuai dengan keinginan Anda.
5. Selanjutnya cek hasilnya, klik 'Pratinjau' kalau sudah berhasil klik 'Simpan template'.

Nah, sekarang Anda bisa mengubah warna link pada blog sesuai dengan keinginan dan kebutuhan.

Cara Mengganti Alamat URL Blog

Ketika kita membuat blog pertama kali yang harus kita pikirkan adalah nama alamat URL blog, usahakan membuat nama URL blog yang simple, mudah dibaca dan diingat pengunjung agar suatu ketika kita tidak ingin mengganti nama URL blog tersebut.

Dengan mengganti alamat URL blog akan berdampak pada search engine karena search engine akan kebingungan dan tidak menemukan alamat URL blog yang dicari (alamat URL blog yang lama), sehingga pengunjung blog juga akan mengalami penurunan dan kita harus memulainya dari awal/nol lagi.

Kalau Anda ingin mengganti alamat URL blog, berikut ikuti langkah-langkahnya :

1. Login akun blogger Anda.
2. Pilih 'Setelan' atau 'Setting', seperti gambar dibawah ini:
3. Kemudian klik 'Dasar', pada menu Alamat Blog klik 'Edit', ganti alamat URL sesuai keinginan.
4. Setelah selesai klik 'Simpan'.

Nah, Anda bisa langsung mengecek perubahan alamat URL blog dan semoga bermanfaat.

Cara Memasang Status Twitter pada Blog

Twitter merupakan media yang cukup efektif untuk mempromosikan blog atau barang dan jasa karena twitter adalah salah satu social media yang memiliki pengguna terbesar di dunia. Pernahkah Anda melihat sebuah blog memasang status twitternya pada widget? Bagaimana cara memasangnya?

Pada kesempatan kali ini kita akan membahas cara memasang status twitter pada blog, fungsi dari memasang widget status twitter adalah agar pengunjung dapat mengetahui status twitter Admin / official akun blog Anda dan mem-follownya. Berikut simak langkah-langkahnya :

1. Kunjungi https://twitter.com/settings/widgets (login dulu akun twitter Anda).
2. Kemudian klik 'Create New'.
3. Setelah itu atur tampilan widget yang akan ditampilkan di blog.
Keterangan :
Username: username akun twitter Anda.
Height: tinggi widget yang akan ditampilkan.
Theme: Light untuk template terang, Dark untuk template yang gelap.
Link color: warna link status twitter.
Domains: isi dengan URL blog Anda.
4. Selanjutnya klik 'Create widget'.
5. Kemudian copy paste kode widget pada HTML/JavaScript blog Anda.

Nah, sekarang blog Anda sudah terpasang widget status twitter dan pengunjung bisa melihat status twitter Anda lewat blog.

Cara Menerbitkan Posting Secara Otomatis di Blog

Terkadang kita mengalami suatu fase dalam blogging, yaitu fase kemalasan meng-update posting blog. Selain kita wajib membuat posting dengan kualitas bagus, meng-update posting secara rutin juga kewajiban kita agar mendatangkan traffik pengunjung.

Bagi Anda yang malas meng-update posting blog, berikut kami akan membahas cara menerbitkan posting secara otomatis untuk menjadwal posting agar dipublikasikan pada tanggal dan waktu tertentu :

1. Login akun blogger Anda.
2. Kemudian klik 'Entri baru', tulis artikel Anda pada halaman entri.
3. Pada halaman posting sebelah kanan, terdapat menu Setelan entri, klik 'Jadwal'.
4. Centang 'Set date and time / Setel tanggal dan waktu'.
5. Atur waktu dan tanggal yang Anda inginkan, kemudian klik 'Selesai' (postingan akan terbit sesuai waktu dan tanggal yang telah ditentukan).
6. Setelah selesai menulis posting dan mengatur waktu, klik 'Publikasikan'.

Nah, sekarang posting bisa Anda atur kapan ingin dipublikasikan sesuai dengan keinginan Anda.

Cara Menyembunyikan Album Foto di Facebook

Pernahkah Anda merasa kesulitan men-setting album foto facebook agar tersembunyi? Kami rasa bagi pengguna facebook senior tidak akan merasa kesulitan tapi beda keadaanya dengan pengguna baru atau pemula.

Terkadang mereka masih merasa kebingungan, bahkan untuk meng-upload foto saja tidak bisa. Berikut simak langkah cara menyembunyikan album foto di facebook:

1. Login akun facebook Anda.
2. Kemudian pilih album foto yang ingin Anda sembunyikan.
3. Pada bagian bawah foto terdapat icon setting, klik icon tersebut.
4. Pilih 'Hanya Saya', artinya hanya Anda yang bisa melihat foto album tersebut.

Sekarang orang lain tidak bisa melihat album foto Anda, tapi Anda juga bisa menyembunyikan album hanya pada salah satu orang saja. Langsung saja berikut langkah-langkahnya:

1. Setelah langkah tiga diatas, pilih Khusus.
2. Kemudian pada kotak 'Jangan bagikan ini dengan', isi dengan nama yang Anda inginkan.
3. Klik 'Simpan Perubahan'.

Nah, dengan mengisi nama pada kotak 'Jangan bagikan ini dengan' tadi, teman Anda tersebut tidak bisa melihat foto album Anda.

Cara Menulis Script pada Posting Blog

Kami yakin Anda pernah mengalami kesulitan dalam menulis script pada postingan blog, terkadang script yang kita paste pada postingan tidak sesuai yang kita tulis di word atau notepad. Bagaimana cara menulis script agar terlihat ketika kita publikasikan posting?

Berikut langkah-langkah cara menulis script pada posting blog dengan cara men-parse script terlebih dahulu :

1. Paste script pada kotak dibawah ini : 2. Kemudian kalau sudah, klik 'Convert'.
3. Setelah itu copy paste script yang telah di convert pada postingan dan posting berada pada mode 'HTML' bukan 'Compose'.

Untuk memasang widget diatas baca artikel cara memasang tool parse HTML. Selain dengan cara men-parse script seperti cara diatas, kita juga bisa menggunakan fasilitas yang disediakan oleh blogger. Berikut simak langkah-langkahnya:

1. Login akun blogger Anda.
2. Masuk pada halaman posting/entri.
3. Kemudian pada menu 'Setelan entri' (kanan posting). Klik 'Pilihan'.
4. Selanjutnya centang 'Tunjukkan HTML apa adanya', klik 'Selesai'.
5. Setelah itu script bisa Anda tulis di posting dengan mode 'Compose' dan bukan 'HTML'.

Nah, cukup mudahkah cara menulis script pada posting blog, kami yakin Anda tidak akan merasa kesulitan.

Cara Mengatasi Widget yang Tidak Bisa di Hapus

Seringkali kebiasaan blogger pemula salah satunya adalah mengganti-ganti template blog, pada saat mengganti template terkadang kita sering menemukan template blog yang beberapa widgetnya tidak dapat dihapus, ini seringkali menyebabkan kita kebingungan dan memutuskan untuk menggantinya kembali.

Berikut cara mengatasi template yang widgetnya tidak bisa di hapus tersebut :

1. Login akun blogger Anda.
2. Pilih Template ---> Edit HTML ---> centang Expand Template Widget.
3. Cari widget yang akan Anda hapus, misalnya: 'Popular Posts'
<b:widget id='PopularPosts1' locked='true' title='Popular Posts' type='PopularPosts'>
Keterangan :
Ubah kode locked='true' menjadi locked='false'
4. Kemudian klik 'Simpan template'.
5. Setelah itu masuk ke halaman 'Tata Letak' cari widget 'Popular Posts', klik 'Edit' dan kemudian klik 'Hapus'.

Nah, ulangi kembali cara tersebut jika Anda ingin menghilangkan widget tapi widget tidak dapat dihapus.
Langganan: Postingan (Atom)