Cara Membuat Tombol Suka Facebook Di Blogger

Saya akan mencoba membantu Anda mungkin belum tahu yaitu Cara Buat Tombol Suka Facebook Di Blogger. Cara membuat tombol suka facebook sangat membantu dalam promo Artikel karena ketika pengunjung menyukai artikel Anda dan menekan tombol suka maka posting artikel akan tampil kehalaman profil facebook mereka. Pastinya itu sangat membantu agar blog lebih cepat dikenal kebanyak orang melalui FB. Siapa yang tidak kenal Facebook hari gini tidak sedikit pula orang menggunakan Facebook member akun yang sangat banyak jumlahnya bisa di bilang penggunanya sangat fantastis. Jadi tunggu apalagi! Promosikan artikel Anda. Hasilnya lihat seperti gambar di bawah ini klik gambar untuk melihat jelas hasilnya.

Cara Membuat Tombol Suka Facebook Di Blogger

Demi meningkatkan popularitas situs, jejaring sosial seperti Facebook saya pikir masih sangat manjur untuk dijadikan tempat salah satu tips handal untuk promosi. Untuk buatnya perhatikan langkah demi langkah sebagai berikut.

• Masuk ke blogger.com
• Pilih Rancangan >> Edit HTL 
• Seperti biasa download terlebih dahulu template sebelum lakukan pengeditan template blog
• Cari cepat kode tekan (Ctrl+F) untuk mencari, <div class='post-header-line-1'/> letakan kode di bawah ini tepat di atas kode tadi

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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=false&amp;width=100
&amp;action=like&amp;font=arial&amp;colorscheme=light
&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;
'/></b:if>

• Atau Cari kode tekan (Ctrl+F) untuk mencari, <div class='post-footer1'> taro kode di atas tepat di bawahnya, kalau tidak sesuai bisa Anda tentukan sendiri tataletaknya
• Sesuaikan peletakan tombol suka sesuai dengan keinginan dan kebutuhan lalu simapan.

Semoga bermanfaat dan membantu bagi Anda yang menggunakan tips ini, dengan tetap mencari cara-cara lain yang menjadi unggulan optimasi ataupun desain blog lain pilih artikel terkait ataupun melalui sitemap yang ada Salam & good luck!

Diimpor dari : http://berbagi-kreativitas.blogspot.com/2010/05/cara-membuat-tombol-suka-facebook-di.html

Cara Menambah Elemen Halaman 2-3 Di Footer Blogger

Pada kesempatan kali ini walau lama di landa dengan lambatnya koneksi yang saya hadapi sekarang tapi tidak menutup semangat saya untuk bebagi kepada teman-teman yang mungkin belum tahu cara untuk menambah elemen/ widget halaman pada blog koleksi artikel jadul dari blog ketika saya juga masih dalam tahap belajar.

Menambah Elemen Halaman 2-3 Di Footer Pada Blog

Saya akan bagi tips untuk menambah elemen halaman pada footer untuk blog dengan 2 sampai 3 elemen halaman, jadi teman-teman bisa mensesuaikan terlebih dahulu mana kiranya yang pas untuk dipasang pada blog! Langsung saja lihat Langkah demi langkahnya sebagai berikut.

Untuk 2 Elemen Halaman

1. Seperti biasa masuk ke blogger.com
2. Pilih Rancangan ->> Edit HTML, tips sebelum edit template blog Anda backup terlebih dahulu dengan mendownload Full Template agar Anda bisa mengembalikan template ke kondisi semula jika hasilnya tidak memuaskan ataupun ada kesalahan.
3. Kalau sudah, cari cepat kode tekan(Ctrl+F) untuk mencari ]]></b:skin> letakkan kode di bawah ini tepat di atas kode tadi

#footer-column-divide {clear:both;}
.footer-column {padding: 10px;}

4. Lanjutkan cari cepat kode tekan(Ctrl+F) <b:section class='footer' id='footer'/>
5. Setelah itu, hapus kode lalu rubah menjadi seperti di bawah

<div id='footer-column-divide'>

<div id='footer1' style='width: 50%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 50%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>

<div style='clear:both;'/>
</div>

6. Terakhir simpan template

Untuk 3 Elemen Halaman
1. Gunakan kode di bawah ini dan ubah kode lihat di atas dengan no urut.5

<div id='footer-column-divide'>

<div id='footer1' style='width: 35%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 35%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 30%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col3'
preferred='yes' style='float:left;'/>
</div>
<div style='clear:both;'/>
</div>

2. lalu simpan template.

Semoga dapat membantu Anda yang ingin menambahkan fungsi elemen tambahan pada footer untuk kebutuhan situs web blog Anda semakin lengkap dengan fariasi halaman agar terlihat ok. Good luck!

Diimpor dari : http://berbagi-kreativitas.blogspot.com/2010/05/cara-menambah-elemen-halaman-2-3-di.html

Create Multiple Button Share Blog

Given the importance of site popularity is built, here is a blogger of course every effort will be your demands. Tips Suhendri come up with the latest postings can help you to achieve your goals one of which is popular with the Create Button Multiple Share Blog.

Create Multiple Button Share Blog

Share Button Type Used: Facebook, Twitter, Digg, Google Plus And Much Much More

The share button that is attached to the blog site to make it easier for visitors who like to blogs or articles that terposting, when visitors like shape, usually visitors will share a blog or a blog post that is attached, so automatically your blog posts will be taken where it serves as the key , Facebook, Twitter, Digg and others. Multi Button Share Blogs are the answer.

The trick to make the share button to add source code only on the gadget pages easily and quickly you can see below.

1. Sign Blogger.com or Draft.blogger.com
2. Select the icon "Go to post list" ->> Layout
3. Add a Gadget HTML / JavaScript
4. Enter the following code

<!-- floating page sharers Start-->
<style type="text/css">
#pageshare {position:fixed; bottom:15%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#F2F2F2;padding:0 0 2px 0;z-index:10;}

#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;} </style>

<div id='pageshare' title="Share to Your Friends">
<div style="clear: both;font-size: 16px;text-align:center;"></div>
<div class='sbutton' id='gplusone'> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone> </div>
<div class='sbutton' id='fb'> <a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a> <script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script> </div>

 <div class='sbutton' id='rt'> <script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script></div> 
<div class='sbutton' id='rw'><div class="addthis_toolbox addthis_default_style ">
<a class="addthis_counter"></a></div> <script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4d764bd843e747be"></script> <a href=" http://berbagi-kreativitas.blogspot.com/2012/01/buat-tombol-multi-share-blog.html"/>Get this</a>
<!-- floating page sharers End --></div></div>

5. Save Gadget.
Ok after that you can see the result, enjoy!

Create Thread Reply Comments Blogger

Congratulations for your activities and Salam see again with Suhendri Tips. Here I will try to share tips about the commentary, custom setting in the template that is used to add interest and more optimal functioning well when done. Given the importance of the present reply to some comments on your blog, these tips are suitable for you, the Create Thread Reply Comments Blogger.

Create Thread Reply Comments Blogger

Support Edit Custom Templates To Design

Steps that need your attention before you proceed further is how to set custom HTML template of your blog, a place where you can perform other additional exciting features that have not been obtained on the default template of your blog, see how below.

1. Sign blogger.com or draft.blogger.com
2. Select a template ->> Backup template ->> Edit HTML ->> procced ->> Checklist "Expand Widget Templates"
3. Press Ctrl+F to find quickly the following code

<b:include data='post' name='comments'/>

Replace with:

<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</ b: if>

4. Save the template.

Remarks: Usually <b:include code data='post' name='comments'/> there are two codes, so .. watch carefully the following code

- The first code:

<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comments'/>

- The second Code:

<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>

To select the second above code and remove the code <b:include data='post' name='comments'/> then replace the code in step No. 3. completed safely enjoy.

Cara Membuat Chatbox Sembunyi Pada Blog

Banyak sekali fasilitas dapat Anda gunakan untuk jenis buku tamu ini sekarang Saya akan bagikan tipsnya Buat Buku Tamu Sembunyi Pada Blog ShoutMix. Sebelum itu harus dipikirkan tampilan dari chatbox itu sendiri agar mempermudah penerapannya Saya akan kasih solusi termudah dengan memberikan tutorial, karna di sini Anda bisa memilih tampilannya sesuai keinginan dan kebutuhan blog Anda. Dari warna teks, link background dan lain sebagainya. Ikuti langkah demi langkah sebagai berikut.

1. Daftar ShoutMix untuk mendapatkan Account Anda.

2. Pilih Create Shout Box

3. Lengkapi formulir pendaftarannya lalu klik continue

4. Setting ShoutMix sesuai dengan kebutuhan Anda, yang terpenting dalam pengaturan ShoutMix yang utama adalah Setting Display ->> Labels ShoutMix, lengkapi label dan Setting Security ->> Website Lock isi dengan alamat Url blog Anda, selanjutnya sesuaikan pengaturan dengan kebutuhan Anda seperti, warna teks, link form dan lain-lain Lihat gambar di bawah ini

5. Setiap selesai melakukan pengaturan jangan lupa untuk di simpan, setelah melengkapi default setting seperti di atas login terlebih dahulu pada Form Display ShoutMix untuk melihat hasilnya, lihat gambar di bawah ini

6. Untuk mendapatkan kodenya lihat Quick Start ->> Get Codes, lihat gambar di bawah ini, klik gambar untuk lebih jelas.

7. Selanjutnya Masuk Blogger.com8. Pilih Rancangan ->> Element Laman ->> tambahkan
Gadget HTML/ JavaSrcipt, masukkan kode di bawah ini.

<script type="text/javascript">
function showHidechat(){
var chat = document.getElementById("chat");
var w = chat.offsetWidth;
chat.opened ? movechat(0, 30-w) : movechat(20-w, 0);
chat.opened = !chat.opened;
}
function movechat(x0, xf){
var chat = document.getElementById("chat");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
chat.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("movechat("+x+", "+xf+")", 10);}
}
</script>
<div id="chat">
<div class="chat-click" onclick="showHidechat()"> </div>
<div class="chatbox">
<center>

kode tampilan chatbox letakan disini

</center>
<a href="http://www.berbagi-kreativitas.blogspot.co.cc" title="Pasang widget chatting seperti ini di blog anda" target="_blank">[+]</a>
<span style="float:right">
<a href="javascript:showHidechat()">
[x]
</a></span>
</div></div>

<script>
var chat = document.getElementById("chat");
chat.style.right = (30-chat.offsetWidth).toString() + "px";
</script>

9. Sekarang tinggal menambahkan kode dari ShoutMix milik Anda yang telah di dapat, letakkan di antara kode di atas, perhatikan dan letakkan kode pada Teks yang bercetakkan Tebal di atas "kode tampilan chatbox letakan disini".

10. Simpan Gadget.

Peringatan : Jangan coba anda lihat hasilnya pada Gadget HTML/ JavaSrcipt dengan menekan atau klik rich text, berdasarkan pengalaman pribadi itu akan membawa dampak kegagalan Tips di atas. OK.! Selamat mencoba dan semoga sukses.

Buku Tamu Ini Sekarang Tidak Gratis Lagi

Gratis Buat Disini