Serbuan ‘Line Break’ Tag

Line break merupakan sebuah tag HTML yang memaksa baris karakter atau kata diletakkan pada baris baru—biasanya ditulis dengan <br>. Dalam blogger, tidak jarang ditemukan posting blog yang menggunakan tag <br>—termasuk optimasi blog. Sekarang,

[ Baca selengkapnya ]

Font untuk Template Blogger

Beberapa bulan yang lalu, Blogger telah mengumumkan beberapa font baru untuk desainer template. Ya, beberapa bulan yang lalu itu hanya dapat diakses dari Draft Blogger. Kemarin, Blogger tidak hanya diluncurkan Font Web untuk SEMUA pengguna Blogger, tetapi juga mengumumkan bahwa mereka telah menambahkan 35 font tambahan untuk campuran, untuk total 77 grand font!

Siap untuk mendapatkan pengalaman dengan pilihan font baru?
Cukup masuk ke tab Advanced Designer Template Blogger untuk blog Anda, pilih jenis teks yang ingin perubahan (Post Title, Judul Blog, dll) dan klik pada salah satu Font Web baru untuk pratinjau. Jangan khawatir, tidak akan ada perubahan di blog Anda sampai Anda memilih "Terapkan ke Blog", dan ini berarti Anda dapat bermain-main dengan semua font dan hanya beralih bila Anda siap.

Jika Anda menggunakan template yang dikustomisasi, Anda dapat menggunakan berbagai font dari direktori font Google. Baca pengaturan instalasi.

[ Baca selengkapnya ]

Cara Tambahkan Mode Energy Saving Untuk Blog atau Website

Ini adalah layanan gratis dan disediakan oleh http://www.onlineleaf.com/. Fitur ini memberikan cara yang berfungsi penuh dan sederhana untuk membantu website yang Anda jalankan menghasilkan energi lebih sedikit. Ia menyembunyikan animasi berat, serta widget-widget yang banyak.

Ketika pengunjung anda tidak aktif, maka fitur akan menampilkan Standby Screen, dengan teks "Energy saving mode".

Hal ini sangat mudah untuk ditambahkan ke situs Web atau blog dalam beberapa detik.

Masuk ke dashboard Blogger Anda -> Desain -> Edit HTML.

Anda tidak perlu untuk mengklik pada "Expand Template Widget".

Gulir ke bawah ke tempat anda melihat tag </head> dari template Anda.

Sekarang salin kode di bawah ini dan paste tepat sebelum tag </head>.

<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>

Fitur siaga ini menggunakan jQuery Javascript Library, jadi jika Anda menggunakan perpustakaan Javascript atau kode lain, tambahkan kode di bawah dari kode di atas:

<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>

<script>jQuery.noConflict();</script>

Waktu tidak aktif

Juga Anda dapat dengan mudah menentukan berapa lama waktu pengunjung Anda harus aktif, untuk mesin untuk membuka layar siaga, dengan menambahkan ?time = X dimana X harus diganti dengan jumlah detik Anda ingin menentukan interval waktu. Contohnya bisa jadi:

<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js?time=120"></script>

.. yang akan mengatur waktu tidak aktif sampai 2 menit (120 detik).

Jika Anda menggunakan WordPress, hanya men-download plugin lalu mengaktifkannya dan segala sesuatu siap bekerja langsung.

[ Baca selengkapnya ]

Admin Bar Widget untuk Blogger

Ketika ingin mengupdate blog kadang-kadang kita mendapatkan beberapa ide posting baru atau untuk melakukan beberapa perubahan dengan blog. Admin bar ini memudahkan untuk menavigasi langsung kepada point-point yang ingin kita rubah secara langsung.

widget ini menciptakan link yang akan membawa langsung ke pilihan blogger. Ada dua jenis dan masing-masing memiliki cara instalasi yang berbeda. Kita akan membahas kedua cara tersebut.

1. Instalasi Custom jenis-jenis ini adalah lebih bergaya, dapat melihat screenshot di bawah ini.

Untuk memasang widget ini, pergi ke PAGE ELEMENT>> ADD A GADGET>> HTML/JavaScript dan salin kode di bawah ini.

<ul class="adminbar">
<li><a class="dashboard" href="http://www.blogger.com/home" target="_blank">Dashboard</a></li>
<li><a class="settings" href="http://www.blogger.com/blog-options-basic.g?blogID=####" target="_blank">Change Settings</a></li>
<li><a class="layout" href="http://www.blogger.com/rearrange?blogID=####" target="_blank">Change layout</a></li>
<li><a class="editpost" href="http://www.blogger.com/post.g?blogID=####" target="_blank">Edit posts</a></li>
<li><a class="newpost" href="http://www.blogger.com/post-create.g?blogID=####" target="_blank">New post</a></li>
</ul>

Rubah #### dengan id blog Anda. Anda dapat menemukan ID blog anda pada Adress Bar diatas, kemudian jangan lupa disimpan.

Kemudian pergi ke EDIT HTML lalu temukan ]]></b:skin> kemudian salin kode berikut diatasnya:

ul.adminbar
{background-color:#EEEEEE;
border:1px solid #E6E8E9;
margin-bottom:8px;
padding:5px 5px 0;
}
ul.adminbar li {
background-color:#FAFAFA;
border:1px solid white;
list-style:none outside none;
margin-bottom:6px;
outline:1px solid #DDDDDD;
padding:12px;
}
ul.adminbar li a
{display:block;
color:#888888 !important;
text-shadow:1px 1px 0 #FFFFFF;
text-decoration:none;
font-size:22px;
height:27px;
margin:0 0 0 15px;
}
a.dashboard
{background:url(http://i54.tinypic.com/9iseuw.jpg) no-repeat 0px 0px;
padding:4px 0 2px 47px;
}
a.settings
{background:url(http://i56.tinypic.com/2hdofnt.jpg) no-repeat 0px 0px;
padding:5px 0 0 47px;}
a.layout
{background:url(http://i55.tinypic.com/2d8s4qw.jpg) no-repeat 0px 0px;
padding:5px 0 0 47px;
}
a.editpost
{background:url(http://i54.tinypic.com/10gwpl5.jpg) no-repeat 0px 0px;
padding:5px 0 0 47px;
}
a.newpost
{background:url(http://i54.tinypic.com/4ky1xi.jpg) no-repeat 0px 0px;
padding:5px 0 0 47px;
}

Kemudian Simpan & Selesai sudah.

Sekarang jika Anda mengalami kesulitan dengan widget diatas, ada cara lain yang lebih sederhana untuk menginstalnya tanpa menggunakan CSS.

2. Instalasi jenis klasik ini lebih sederhana dan mudah. Hanya pergi ke PAGE ELEMENT>> LINK LIST dan tambahkan link berikut di dalamnya.

Dashboard : http://www.blogger.com/home

Change Settings : http://www.blogger.com/blog-options-basic.g?blogID=####

Change Layout : http://www.blogger.com/rearrange?blogID=####

Edit Posts : http://www.blogger.com/post.g?blogID=####

New Post : http://www.blogger.com/post-create.g?blogID=####

Ganti #### dengan ID blog kamu dan kemudian simpan.

[ Baca selengkapnya ]