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

Cara memasang Tombol Like Facebook, Twitter Tweet, Google+ & Share di Blogspot ternyata sangat mudah. Sebelum memasang Tombol Like Facebook, Twitter Tweet, Google+ & Share di Blog, sebaiknya non aktifkan fitur share button bawaan blogger agar  tombol share tidak tampil dobel.

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, &#39;, gi);
                    title = title.replace(doubleq, &#34;, 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
Selengkapnya

Rabu, 18 Desember 2013

Cara Membuat Spoiler di Blogspot

Spoiler adalah tombol yang digunakan  untuk menyingkat tempat atau menyembunyikan konten (teks, foto atau video) dengan buka tutup. Sehingga area postingan tidak terlalu panjang sehingga menghemat tempat (hihihi.. kayak di lapak pasar aja..), langsung aja lihat dari demo berikut ini ...

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;">
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.
Selengkapnya

Kamis, 28 November 2013

Cara mengganti template blogspot

Cara mengganti template blogspot
Cara mengganti template blogspot - Banyak blogger yang kurang puas pada tampilan blogspotnya yang sederhana dan itu  itu saja, dan ingin mendekorasi blog dengan berbagai hiasan yang akan membuat tampilan blog menjadi sekeren mungkin dan terlihat profesional.

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.

Selengkapnya