Tampilkan postingan dengan label blogspot. Tampilkan semua postingan
Tampilkan postingan dengan label blogspot. Tampilkan semua postingan
Selasa, 18 Februari 2014
Cara memasang Tombol Like Facebook Twitter Tweet Google Share di Blogspot

Tombol Like Facebook, Twitter Tweet, Google+ & Share di Blog berfungsi untuk memudahkan visitor dalam membagikan URL artikel kita ke situs jejaring sosial populer seperti facebook dan twitter. Dengan membagikan atau me-like artikel kita di blog, maka membuka peluang artikel kita akan dibaca banyak orang karena telah dipromosikan oleh orang yang me-like atau share artikel kita di facebook atau twitter.
Berikut tutorial cara mudah pasang Tombol Like Facebook, Twitter Tweet, Google+ & Share di Blogspot:
- Login ke blogger, masuk ke tab design/rancangan
- Tambahkan gadget HTML/Javascript dimana saja
- Copy paste kode/script berikut:
<!-- AddThis Button BEGIN -->
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js"></script>
<script type=text/javascript>
document.doAT = function(cl)
{
var myclass = new RegExp(hentry);
var myTitleContainer = new RegExp(post-title);
var myPostContent = new RegExp(post-footer);
var elem = this.getElementsByTagName(div);
for (var i = 0; i < elem.length; i++)
{
var classes = elem[i].className;
if (myclass.test(classes))
{
var container = elem[i];
for (var b = 0; b < container.childNodes.length; b++)
{
var item = container.childNodes[b].className;
if (myTitleContainer.test(item))
{
var link = container.childNodes[b].getElementsByTagName(a);
if (typeof(link[0]) != undefined)
{
var url = link[0].href;
var title = link[0].innerHTML;
}
else
{
var url = document.url;
var title = container.childNodes[b].innerHTML;
}
if (typeof(url) == undefined|| url == undefined ){
url = window.location.href;
}
var singleq = new RegExp("", g);
var doubleq = new RegExp(", g);
title = title.replace(singleq, ', gi);
title = title.replace(doubleq, ", gi);
}
if (myPostContent.test(item))
{
var footer = container.childNodes[b];
}
}
var n = document.createElement(div);
var at = "<div class=addthis_toolbox addthis_default_style addthis:title="+title+" addthis:url="+encodeURI(url)+" > <a class=addthis_button_facebook_like fb:like:layout=button_count></a> <a class=addthis_button_tweet></a> <a class=addthis_button_google_plusone g:plusone:size=medium></a> <a class=addthis_counter addthis_pill_style></a> </div> ";
n.innerHTML = at;
container.insertBefore(n , footer);
}
}
return true;
};
document.doAT(hentry);
</script>
<!-- AddThis Button END -->
- Save
- Hasilnya akan seperti ini dibawah setiap postingan:

Untuk membuat Tombol Like Facebook, Twitter Tweet, Google+ & Share dengan gaya lainnya, silahkan menuju penyedia layanan gratis ini di http://www.addthis.com
Sumber : http://kangasepsule.blogspot.com/2011/12/cara-mudah-memasang-tombol-like.html
Rabu, 18 Desember 2013
Cara Membuat Spoiler di Blogspot

Cara Membuat Spoiler di Blogspot:
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" onclick="if (this.parentNode.parentNode.getElementsByTagName(div)[1].getElementsByTagName(div)[0].style.display != ) { this.parentNode.parentNode.getElementsByTagName(div)[1].getElementsByTagName(div)[0].style.display = ; this.innerText = ; this.value = Tutup; } else { this.parentNode.parentNode.getElementsByTagName(div)[1].getElementsByTagName(div)[0].style.display = none; this.innerText = ; this.value = Buka; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
</div>
</div>
</div>
<div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" onclick="if (this.parentNode.parentNode.getElementsByTagName(div)[1].getElementsByTagName(div)[0].style.display != ) { this.parentNode.parentNode.getElementsByTagName(div)[1].getElementsByTagName(div)[0].style.display = ; this.innerText = ; this.value = Tutup; } else { this.parentNode.parentNode.getElementsByTagName(div)[1].getElementsByTagName(div)[0].style.display = none; this.innerText = ; this.value = Buka; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Letakkan teks atau kode script (gambar atau video) di sini
<br></div>
</div>
</div>
Cara Membuat Spoiler di Blog
1. Login ke Blogger
2. Pilih New Post atau Entri Baru seperti membuat postingan biasa
3. Pilihlah pada mode Edit HTML saat membuat postingan
4. Gunakan kode script diatas yang ada dalam spoiler
5. Kita dpt mengganti Judul Spoiler sesuai kehendak kita, juga Buka dan Tutup.
6. Klik Publish atau Terbitkan Entri jika sudah selesai.
Kamis, 28 November 2013
Cara mengganti template blogspot

Akan tetapi, untuk membuat tampilan blog yang menarik harus mengikuti banyak tutorial cara mendesain blog, tahap demi tahap pemasangan gadget, penggantian background, pengaturan font, mengubah warna judul dan lain-lain hingga tampilan tampak seperti yang diinginkan.
Jika seperti itu akan menguras waktu yang sangat banyak karena harus memahami satu per satu trik membuat template blog, kemudian menerapkannya. Apalagi sampai lupa menulis artikel karena pusing memikirkan tampilan blog yang tak kunjung jadi.
Hal tersebut terjadi pada blogger yang kurang memahami HTML, CSS, PHP dan sebagainya. Sehingga cara yang cocok untuk para blogger tersebut adalah dengan mendownload template yang sudah jadi di situs–situs yang menawarkan template blogspot seperti btemplates.com dan deluxetemplates.net.
Kedua situs tersebut menyediakan ribuan template gratis yang siap di download. Jika sudah menemukan template yang anda sukai, tinggal klik link download maka template akan terdownload dalam file ZIP atau RAR. Hasil ekstrak dari file ZIP atau RAR ini merupakan file .xml, file inilah yang akan anda jadikan template pada blog anda.
Lalu bagaimana cara mengganti template blogspot ini? Mudah saja, ikuti langkah – langkah berikut ini:
Cara pertama mengganti template blogspot
1. Login ke akun blogger
2. Pilih menu template dari blog anda
3. Klik tombol cadangkan/pulihkan di pojok kanan atas
4. Klik browse dibawah tulisan Unggah template di hard drive anda
5. Pilih file .xml tadi, lalu klik unggah
6. Tunggu beberapa saat sampai semua file terkirim
Cara kedua mengganti template blogspot
1. Buka file .xml tadi dengan menggunakan notepad
2. Copy semua script tersebut
3. Login ke blogger.com
4. Pilih menu template
5. Klik EDIT HTML
6. Select all (Ctrl + A) pada kotak yang berisikan script template lama
7. Lalu paste script template yang baru tadi.
Jika template lama mempunyai widget yang tidak ada pada template baru maka akan ada konfirmasi untuk mempertahankan gadget tersebut atau tidak.
Pilihlah template yang benar-benar cocok dan memiliki fitur yang bisa memudahkan kegiatan ngeblog kita.
Langganan:
Postingan (Atom)