Sesuai janji kemarin setelah saya posting cara Hapus widget Lintasme Dan AddThis… sekarang seperti biasa sambil ngemil Kerupuk seuhah akan berbagi lagi tentang Cara Menampilkan Widget Bawaan Blogger sebagaimana yang saya lakukan di Blog ini.
Ingat bahwa pada template gratis hasil download biasanya tombol berbagi ini tidak ditampilkan, atau sengaja di hapus, karenanya kita harus melakukan beberapa langkah untuk menampilkan kembali share buttons bawaan blogger tersebut. dan inilah :
Cara Menampilkan Widget Bawaan Blogger :
- Masuk dulu ke Blogger.com
- Klik More Option lalu pilih Tata letak atau Layout
- Klik pada Edit dibagian bawah posting blog.
- Beri centang pada Tampilkan Tombol Berbagi, lalu klik Simpan
Setelh itu silahkan Refresh atau restart blog anda dan lihat apakah widget sudah muncul . Jika masih belum tampil, coba ulangi dan lakukan langkah berikut ini :
- Masuk lagi ke Blogger.com
- Klik More Option lalu pilih Template.
- Selanjutnya, klik Edit HTML.
- Cari kode <data:post.body/>, jika ada dua pilih yang kedua, (di blog ini ada disekitar baris 885) kemudian letakkan kode berikut di bawahnya :
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div> -
Atau bisa juga diletakkan dibawah kode <div class='post-footer-line post-footer-line-1'/>, terserah mau dimana.
- Simpan Template, dan cek blog sobat.
- Kalau mau ditambah dengan widget Like Face Book di sebelahnya seperti pada blog ini, tambahkan saja dibawahnya
- Kode tersebut jadinya akan seperti ini ( yg warna merah adalah kode Like Face book)
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div><!--Tombol Like Fb begin -->
<td>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=button_count&show_faces=false&width=90&action=like&font=arial&colorscheme=light&height=21"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/>
</td>
<!--Tombol Like Fb end --> -
Tampilannya nanti akan seperti ini
Jika share buttons bawaan blogger tersebut masih belum muncul, coba lanjutkan lagi ke langkah berikut :
-
Coba cari kode dibawah ini :
<b:includable id='shareButtons' var='post'>
kode…bla,, bla,, bla,,,
</b:includable> -
Setelah ditemukan ganti dengan yang ini :
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable> -
Jika sudah jangan lupa simpan template, dan lihat hasilnya.
Kalau dengan cara-cara diatas masih belum mau tampil juga. Coba anda ngemil Kerupuk Seuhah dulu biar pikiran jadi fresh lagi, lalu berdoa untuk kemunculannya.. kalau tetep gak mau juga.. waaah… itumah templatenya bener2 ngajak perang.. ganti saja ngapain dipake.. toh masih banyak theme lain yang lebih ok.. setujuu ??... hehe..
Sampai disini saja yaa Cara Menampilkan Widget Bawaan Blogger semoga semua berjalan seperti yg kita harapkan.. Aamiin.
Nice post ..
BalasHapusMemang lebih ringan widget yg bawaan blogger tuh..
BalasHapusSudah saya coba ternyata Berhasil :D
BalasHapustrik yang bermanfaat, terima kasih sharing gan
BalasHapusinfonya sangat bermanfaat sekali mbak/mas, makasih yach!! beritanya bagus banget dan sangat menarik untuk di baca hari ini. Ijin share juga ya, terimakasih.
BalasHapusArtikelnya sangat bermanfaat sekali, makasih ne ya!! beritanya bagus banget dan sangat menarik di baca siang ini. Ijin share juga ya, terimakasih sekali lagi.
BalasHapusYeeeee....istirahat sebentar... mulai lagi baru bisa,
BalasHapustemplate ketiga ngajak berdamai kayaknya...hehehe...
makasi tutornya...salam blogger....
Terimakasih atas informasinya :) semoga sukses slalu .. Ditunggu informasi menarik selanjutnya :) senang berkunjung ke website anda, terimakasih. sekali lagi thanks.
BalasHapussaya berhasil, tapi kenapa yah untuk paintres nya gak muncul .
BalasHapusapa saya salah ya ?