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/AVvXsEg2Zu4_JxZE7cBu1iUdGFIm5OMrnbOJi8cCuM_k5f8lAX4PAEz31bpYGiRsO3U5E5-GYmBE8G1ahc3AwOhBv7abvybM4FksJZOOdZtsGq7q9dWmwkR4Go1hI8wAAPFCne9v703Ys2uuZ9Y/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.

Continue Reading

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/AVvXsEioE9euBhcps3wBYGC9_wb8XP_5KVzPEjZPYzg1iuj1RYJoQVX-bJ3jVbWxrdQNCI7Lr6RRQMt0eyB7NmIHXVzeG0LvUpRgwFxySBS2PdWXvE-eicBiAqAcsSDAzAWCfs3vdGvgeAkpws8/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/AVvXsEgzkiWw83Ovu7y7j1XPT8ojBapR7zPjIpEGYfw1sFoxndCaRNlPiIt_b2phiwQFYp7_YYL7WJOCWQjMoUPfpVcQXTqdVHT5ZBIL7jl7bj3n56QAWD4ngr8xhxusHRrWaiFMJZLaYWHOYWI/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/AVvXsEg2prQoWoMSSNpdT8xbdtzcttT0W1heEzVPnn6BxjvlrcmXik5J8fqhhZplKAo1s6lXADUNMNnT9av5xq8X6hS9KTAObfXfWJNMqCTUahr2qc5BrfI5llb-b53uWptobqxMr8_tqlbS8Hc/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.

Continue Reading

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.

Continue Reading

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.

Continue Reading

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.

Continue Reading

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.

Continue Reading

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.

Continue Reading