tag:blogger.com,1999:blog-47770537789588899002024-03-19T22:46:47.730-07:00Internet dan KehidupanAnonymoushttp://www.blogger.com/profile/07170676227971789420noreply@blogger.comBlogger5125tag:blogger.com,1999:blog-4777053778958889900.post-15851915202174415972012-03-27T22:38:00.003-07:002012-03-29T22:49:45.145-07:00Widget komentar facebook untuk mempercantik blog wordpress.<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsUj-FN528lSHEQEgf_KC59ljtYWAOslE1STWOf2P_GEPV2YGBQ8IuYXZZz4LiOZMIGzwa9ZtJ7HqU9yP7qTu6Rm8ZW6Al5HoyPjcYo1MCuQgIGba0ev0Imh0vx0EspcNGiTXTQLzVtII/s1600/fb-wordpress.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsUj-FN528lSHEQEgf_KC59ljtYWAOslE1STWOf2P_GEPV2YGBQ8IuYXZZz4LiOZMIGzwa9ZtJ7HqU9yP7qTu6Rm8ZW6Al5HoyPjcYo1MCuQgIGba0ev0Imh0vx0EspcNGiTXTQLzVtII/s200/fb-wordpress.png" width="160" /></a></div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; text-align: justify;"><br />
</div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; text-align: justify;"><span style="font-size: small;">Memiliki blog dengan mesin wordpress yang canggih memberikan kenyamanan dalam aktivitas bloging yang dilakukan webmaster, tentunya untuk memberikan kesan baik dan mempermudah pengunjung berselancar di blog tentunya dibutuhkan plugin yang melengkapi blog wordpress tersebut.</span></div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; text-align: justify;"><br />
</div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; text-align: justify;"><span style="font-size: small;"><span style="color: red;">Facebook</span> adalah jejaring sosial raksasa yang sudah dikenal oleh masyarakat yang mendunia, menyediakan banyak fitur yang bermanfaat dan dari berbagai fitur serta fasilitas pengembangan yang diberikan, salah satunya adalah facebook comment for wordpress.</span></div><a name='more'></a><br />
<div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; text-align: justify;"><span style="font-size: small;"></span></div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; text-align: justify;"><span style="font-size: small;">Facebook Comment For WordPress adalah suatu fitur pengembangan yang simple dengan tujuan untuk memberikan komentar disetiap postingan yang terdapat didalam halaman wordpress anda, baik berdiri sendiri maupun tentunya pemberi komentar harus terlebih dahulu login kedalam facebook (saya rasa sebagian orang indonesia sudah mempunyai akun facebook) walaupun dapat juga login menggunakan Yahoo, Gmail, dll.</span></div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; text-align: justify;"><br />
</div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; text-align: justify;"><span style="font-size: small;">Untuk menambahkan Facebook Comment For WordPress langkahnya adalah sebagai berikut :</span></div><ul style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; text-align: justify;"><li><span style="font-size: small;">Download Plugin Facebook Comment <a href="http://wordpress.org/extend/plugins/facebook-comments-for-wordpress/installation/" target="_blank"><span style="color: blue;">Disini</span></a></span><span style="font-size: small;"> </span></li>
<li><span style="font-size: small;">Install Plugin tersebut </span><span style="font-size: small;"> </span></li>
<li><span style="font-size: small;">Aktifkan Plugin Facebook Comment</span><span style="font-size: small;"> </span></li>
</ul><div style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; text-align: justify;"><span style="font-size: small;">Selanjutnya lakukan tahap sebagai berikut,</span></div><ul style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; text-align: justify;"><li><span style="font-size: small;">Buka Tab baru pada browser anda</span><span style="font-size: small;"> </span></li>
<li><span style="font-size: small;">Login ke Facebook</span><span style="font-size: small;"> </span></li>
<li><span style="font-size: small;">Lalu Pilih Pengembang /Developers <a href="http://www.facebook.com/developers/" target="_blank"><span style="color: blue;">http://www.facebook.com/developers/</span></a></span><span style="font-size: small;"> </span></li>
<li><span style="font-size: small;">Pada Pojok Kanan Atas Klik SetUp New Application</span></li>
</ul><div style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; text-align: justify;"></div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; text-align: justify;"><span style="font-size: small;"></span></div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; text-align: justify;"><span style="font-size: small;">Untuk dapat membuat applikasi baru (bagi yang belum) diminta untuk memferivikasi menggunakan mobile phone (ikuti saja langkahnya). Kemudian anda akan mendapatkan Applikasi ID dan Secret ID (catat keduanya)</span></div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; text-align: justify;"><br />
</div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; text-align: justify;"><span style="font-size: small;">Selanjutnya kembali kepada plugin Facebook Comment Anda, lakukan :</span></div><ul style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; text-align: justify;"><li><span style="font-size: small;">Masukan Applikasi ID dan Secret ID yang baru saja anda buat dalam Applikasi Anda</span><span style="font-size: small;"> </span></li>
<li><span style="font-size: small;">Setting Sesuai dengan kebutuhan anda</span><span style="font-size: small;"> </span></li>
<li><span style="font-size: small;">Simpan dengan mengklik tobol Update Option</span></li>
<li><span style="font-size: small;">Selesai </span></li>
</ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6Jw-65vVpnuHbbhESi231WQPJoAlHLe9rKK_J7sZhKQ3qHY-VcePeWBmsHSeitkGYAt11QReuhSC6z65tAM7TiXMiHleSpvkVFqEfxS352kTh13zAmK5PjX7mQ3YA1LZ1aQd7FOFueyU/s1600/facebooks.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="139" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6Jw-65vVpnuHbbhESi231WQPJoAlHLe9rKK_J7sZhKQ3qHY-VcePeWBmsHSeitkGYAt11QReuhSC6z65tAM7TiXMiHleSpvkVFqEfxS352kTh13zAmK5PjX7mQ3YA1LZ1aQd7FOFueyU/s320/facebooks.jpg" width="320" /></a></div><span style="font-size: small;"> </span> <br />
<div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; text-align: justify;"><span style="font-size: small;">Saat blog sudah dilengkapi dengan widget facebook komentar, maka pengunjuk blog sudah bisa menggunakan akun facebooknya untuk memberikan komentar. Sehingga komentar selain tampil di blog juga akan tampil diakun facebook netter yang memberikan komentar tersebut. Menarik bukan ?</span></div>Anonymoushttp://www.blogger.com/profile/07170676227971789420noreply@blogger.com1tag:blogger.com,1999:blog-4777053778958889900.post-2770063680009763462012-03-27T21:32:00.001-07:002012-03-29T21:40:28.042-07:00Blogspot yang dipercantik dengan widget komentar facebook<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPcanNfuseUaUR_IYY6nbVGQjfthUlZXXOcTXrDirx0wdOY5f40IIiYOcw0Fe-V897yQjN53wumSxsc4iLTlgoQnojkJsVa-_Au0na4WwT7IjZNGwMId0aNULY-fagFn8CCyO8GyLB1cc/s1600/fb-commenting.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPcanNfuseUaUR_IYY6nbVGQjfthUlZXXOcTXrDirx0wdOY5f40IIiYOcw0Fe-V897yQjN53wumSxsc4iLTlgoQnojkJsVa-_Au0na4WwT7IjZNGwMId0aNULY-fagFn8CCyO8GyLB1cc/s200/fb-commenting.png" width="200" /></a></div><div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;"><br />
</div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-size: small;">Memperindah tampilan blog dan melengkapi widget yang memungkinkan untuk meningkatkan tarafic kunjungan dan kualitasnya memang menjadi startegi utama dalam memajukan blog bagi seorang webmaster. Facebook commenting selain dapat membuat blog terlihat lebih bagus dan rapih, para pengunjung pun akan lebih di mudahkan dalam berinteraksi dengan anda melalui Kotak komentar karena sebagian pengunjung anda pastinya ada yang sudah login ke akun Facebook, jadi mereka pun akan lebih mudah berkomentar.<br />
<br />
Walaupun demikian menambahkan komentar Facebook dan tetap mempertahankan widget komentar Default blog tentu akan membuat blog kelihatan agak aneh dan tidak dinamis karena terdapat 2 widget komentar dan terlalu memanjang ke bawah, oleh sebab itu ada Cara Membuat Komentar Facebook Berdampingan dengan Komentar Blog.</span></div><a name='more'></a><span style="font-size: small;"><br />
Berikut lihat gambar,</span><br />
<div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_z5p98mWiZwhyphenhyphenCvDESjtcNqiu_CjuVut038fEXRhTVbs7FpprQnORiyC9Lk0_63PQjJJeRkoD3r-2D48_bTKsrp2QupbIsXrWDvHQn4lWrvRWNuQGU0yles-n0hfFe_f9cRis48um02I/s1600/facebooks.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="139" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_z5p98mWiZwhyphenhyphenCvDESjtcNqiu_CjuVut038fEXRhTVbs7FpprQnORiyC9Lk0_63PQjJJeRkoD3r-2D48_bTKsrp2QupbIsXrWDvHQn4lWrvRWNuQGU0yles-n0hfFe_f9cRis48um02I/s320/facebooks.jpg" width="320" /></a></div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; text-align: justify;"><br />
</div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 12pt; text-align: justify;"><span style="font-size: small;">Tips memasang widget dengan <b>Komentar berdampingan</b> sebagai berikut.<br />
1. Login ke Blog<br />
2. Rancangan - Edit HTML<br />
3. Untuk menghindari keselahan, Backup template anda terlebih dahulu dengan Download lengkap<br />
4. Centang "<i>Expand Template Widget</i>"<br />
5. Cari Kode <span style="color: red;"><div class='comments' id='comments'></span><br />
Biasanya akan terdapat 2 kode tersebut di template anda<br />
Copy kode di bawah ini tepat di bawah kode <span style="color: red;"><div class='comments' id='comments'></span> yang ke 2</span></div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(243, 243, 243); font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-size: small;"><span style="color: red;"><div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comments made with Facebook'></span></span></div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(243, 243, 243); font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-size: small;"><span style="color: red;"><img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/></span></span></div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(243, 243, 243); font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-size: small;"><span style="color: red;"><fb:comments-count expr:href='data:post.url'/> Comments</span></span></div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(243, 243, 243); font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-size: small;"><span style="color: red;"></div></span></span></div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(243, 243, 243); font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-size: small;"><span style="color: red;"><div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'></span></span></div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(243, 243, 243); font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-size: small;"><span style="color: red;"><img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments</span></span></div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(243, 243, 243); font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-size: small;"><span style="color: red;"></div><div class='clear'/></span></span></div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(243, 243, 243); font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-size: small;"><span style="color: red;"></div></span></span></div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(243, 243, 243); font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-size: small;"><span style="color: red;"><div class='comments-page' id='fb-comments-page'></span></span></div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(243, 243, 243); font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-size: small;"><span style="color: red;"><b:if cond='data:blog.pageType == &quot;item&quot;'></span></span></div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(243, 243, 243); font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-size: small;"><span style="color: red;"><div id='fb-root'/></span></span></div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(243, 243, 243); font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-size: small;"><span style="color: red;"><fb:comments expr:href='data:post.url' num_posts='</span><b><span style="color: black;">2</span></b><span style="color: red;">' width='</span><b><span style="color: black;">400</span></b><span style="color: red;">'/></span></span></div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(243, 243, 243); font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-size: small;"><span style="color: red;"></b:if></span></span></div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(243, 243, 243); font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-size: small;"><span style="color: red;"></div></span></span></div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(243, 243, 243); font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-size: small;"><span style="color: red;"><div class='comments comments-page' id='blogger-comments-page'></span></span></div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><br />
</div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-size: small;"><b>2</b> : Jumlah Komentar Facebook yang akan di tampilkan</span></div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-size: small;"><b>400 </b>: Lebar Komentar Facebook</span></div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 12pt; text-align: justify;"><span style="font-size: small;"><br />
6. Lalu Cari kode <span style="color: red;"></head></span><br />
Copy Kode dibawah ini tepat diatas kode <span style="color: red;"></head></span></span></div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(243, 243, 243); font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-size: small;"> <span style="background: none repeat scroll 0% 0% rgb(243, 243, 243); color: red;"><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/></span></span></div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(243, 243, 243); font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-size: small;"><span style="background: none repeat scroll 0% 0% rgb(243, 243, 243); color: red;"><script src='http://code.jquery.com/jquery-latest.js'/></span></span></div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(243, 243, 243); font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-size: small;"><span style="background: none repeat scroll 0% 0% rgb(243, 243, 243); color: red;"><meta content='</span><b><span style="background: none repeat scroll 0% 0% rgb(243, 243, 243); color: black;">ID Facebook</span></b><span style="background: none repeat scroll 0% 0% rgb(243, 243, 243); color: black;">'</span><span style="background: none repeat scroll 0% 0% rgb(243, 243, 243); color: red;"> property='fb:admins'/></span></span></div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(243, 243, 243); font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-size: small;"><span style="background: none repeat scroll 0% 0% rgb(243, 243, 243); color: red;"><script type='text/javascript'></span></span></div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(243, 243, 243); font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-size: small;"><span style="background: none repeat scroll 0% 0% rgb(243, 243, 243); color: red;">function commentToggle(selectTab) {</span></span></div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(243, 243, 243); font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-size: small;"><span style="background: none repeat scroll 0% 0% rgb(243, 243, 243); color: red;">$(".comments-tab").addClass("inactive-select-tab");</span></span></div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(243, 243, 243); font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-size: small;"><span style="background: none repeat scroll 0% 0% rgb(243, 243, 243); color: red;">$(selectTab).removeClass("inactive-select-tab");</span></span></div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(243, 243, 243); font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-size: small;"><span style="background: none repeat scroll 0% 0% rgb(243, 243, 243); color: red;">$(".comments-page").hide();</span></span></div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(243, 243, 243); font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-size: small;"><span style="background: none repeat scroll 0% 0% rgb(243, 243, 243); color: red;">$(selectTab + "-page").show();</span></span></div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(243, 243, 243); font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-size: small;"><span style="background: none repeat scroll 0% 0% rgb(243, 243, 243); color: red;">}</span></span></div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(243, 243, 243); font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-size: small;"><span style="background: none repeat scroll 0% 0% rgb(243, 243, 243); color: red;"></script></span></span></div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><br />
</div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-size: small;"><b><span style="color: black;">ID Facebook</span></b> <span style="color: black;">: Ganti dengan ID Facebook anda yang terletak di bagian belakang browser URL Profil Facebook anda, Misalkan </span><span style="color: #660000;">http://www.facebook.com/<b>TokoOnline.Bauntung</b></span><span style="color: black;"> ID Facebooknya adalah </span><b style="color: #660000;">TokoOnline.Bauntung</b></span></div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 12pt; text-align: justify;"><span style="font-size: small;"><br />
7. Cari kode <span style="color: red;">/* Comment</span> atau <span style="color: red;">#comments</span><br />
Setiap Template mempunyai struktur kode yang berbeda-beda, jadi cari saja kode yang mirip dengan kode diatas<br />
Copy kode berikut di bawah kode diatas tadi</span></div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(243, 243, 243); font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-size: small;"><span style="color: red;">.comments-page { background-color: #f2f2f2;}</span><br />
<span style="color: red;">#blogger-comments-page { padding: 0px 5px; display: none;}</span><br />
<span style="color: red;">.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}</span><br />
<span style="color: red;">.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}</span><br />
<span style="color: red;">.comments-tab:hover { background-color: #eeeeee;}</span><br />
<span style="color: red;">.inactive-select-tab { background-color: #d1d1d1;}</span></span></div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; text-align: justify;"><span style="font-size: small;"><span style="line-height: 115%;"><br />
8. Simpan<br />
<br />
Selesai, sekarang anda sudah mempunyai blog dengan widget kommentar defauld blogger dan widget komentar support facebook yang menambah dan melengkapi khasanah kelengkapan blog anda.</span></span></div>Anonymoushttp://www.blogger.com/profile/07170676227971789420noreply@blogger.com0tag:blogger.com,1999:blog-4777053778958889900.post-4766734795287499552012-03-25T04:55:00.001-07:002012-03-28T05:02:34.935-07:00Menambah menu navigasi horizontal untuk pengunjung pada blogspot<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4jtTKldplBKUNeDKDXEhg04xc1d90zmZC-418Zvt2AeDW3rVVEWY4c4ENI6TAGSDpQKg1qC7cFidLHZm9pO02YHQKQ2W2KUvoLGqbUtUPs_vjKzYKGfiZ2wE4InG6gctPPLF83eWTphE/s1600/blogger-bar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4jtTKldplBKUNeDKDXEhg04xc1d90zmZC-418Zvt2AeDW3rVVEWY4c4ENI6TAGSDpQKg1qC7cFidLHZm9pO02YHQKQ2W2KUvoLGqbUtUPs_vjKzYKGfiZ2wE4InG6gctPPLF83eWTphE/s200/blogger-bar.png" width="200" /></a></div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 12pt; text-align: center;"><span style="font-size: small;"></span></div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 12pt; text-align: justify;"><span style="font-size: small;">Membuat blog dengan akun gratis seperti blogspot pada blogger memang suatu kesempatan yang menyenangkan, disana kita berkreasi, berinovasi, mengekspresikan diri kita kedalam komunitas online dengan identitas yang kita miliki.</span></div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 12pt; text-align: justify;"><span style="font-size: small;"></span><br />
<a name='more'></a><span style="font-size: small;">Namun umumnya sebagian rekan-rekan termasuk saya dulunya memiliki kendala karena keterbatasan dari layanan theme gratis yang diberikan oleh pihak bloger. Apa dengan keterbatasan ini kita akan meninggalkannya? Sudah tentu tidak, layanan bloger gratis tanpa iklan sudah merupakan layanan yang luar biasa dan patut disyukuri.</span><br />
<br />
<span style="font-size: small;">Salah satu kelemahan theme blogspot adalah pada pembuatan menu navigasi horisontalnya, bukan tidak bisa! Dengan sedikit kreatifitas tentu semua permasalahan tersebut dapat kita atasi dengan cara :</span></div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 12pt; text-align: justify;"><span style="font-size: small;">Langkah utama yang harus anda dilakukan adalah login ke <b>blogger</b> ><b> Layout/Tata Letak</b> > <b>Edit Html </b>.<br />
Selanjutnya Anda cari kode dibawah ini, untuk mempermudah pencarian silahkan gunakan <b>CTRL+F </b></span></div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(208, 224, 227); font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-size: small;"><span style="color: black;"><div id='crosscol-wrapper' style='text-align:center'><br />
<b:section class='crosscol' id='crosscol' </span><span style="color: red;">showaddelement='no'</span><span style="color: black;">><br />
<b:widget id='HTML1' locked='false' title='' type='HTML'/><br />
</b:section><br />
</div></span></span></div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 12pt; text-align: justify;"><span style="font-size: small;"><br />
Silahkan melakukan perubahan pada kode <span style="color: red;">showaddelement='no'</span><span style="color: black;"> <span style="background: none repeat scroll 0% 0% white;">menjadi </span></span><span style="color: blue;">showaddelement='yes'</span><span style="color: red;"> </span><span style="color: black;">, kalau sudah klik simpan pada widget blogspot anda.</span><br />
<br />
usai yang pertama sudah disimpan, langkah selanjutnya yang harus dilakukan adalah sekarang klik <b>Page elements / Elemen Laman</b> > <b>Tambah Gadget</b> > <b>HTML/Javascript</b> , copy kode dibawah ini,simpan dan letakan tepat dibawah header. </span></div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(208, 224, 227); font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-size: small;"><a href="http://ecomadv.blogspot.com " class="navigation">HOME</a><br />
<a href="http://ecomadv.blogspot.com " class="navigation">CONTACT</a><br />
<a href="http://ecomadv.blogspot.com " class="navigation">BUKU TAMU</a><br />
<a href="http://ecomadv.blogspot.com " class="navigation">FACEBOOK</a><br />
<a href="http://ecomadv.blogspot.com " class="navigation">TWITER</a><br />
<br />
</span></div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-size: small;">*Silahkan buat atau tambahkan menu sesuai dengan keinginan anda.</span></div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-size: small;">*Alamat url diatas silahkan sesuaikan dengan blog Anda.<br />
<br />
<br />
Setelah langkah kedua selesai dilakukan, sebagai langkah ketiga adalah supaya menu itu menimbulkan efek warna sehingga menjadi kelihatan menarik.<br />
<br />
Klik <b>Tata Letak</b> > <b>Edit HTML</b> , cari kode <b><span style="color: red;"></b:skin></span></b><span style="color: red;"> </span><span style="color: black;">, agar mudah gunakan tombol <b>CTRL+F</b></span><br />
<span style="color: black;">Copy kode dibawah ini dan letakan tepat diatas kode </span><b><span style="color: red;"></b:skin></span></b><span style="color: red;"> </span><span style="color: black;">kemudian simpan.</span><br />
<br />
<span style="background: none repeat scroll 0% 0% rgb(208, 224, 227);">a.navigation {</span><br />
<span style="background: none repeat scroll 0% 0% rgb(208, 224, 227);">background: <span style="color: blue;">#3333ff</span> ;</span><br />
<span style="background: none repeat scroll 0% 0% rgb(208, 224, 227);">color: <span style="color: blue;">#ffffff</span>;</span><br />
<span style="background: none repeat scroll 0% 0% rgb(208, 224, 227);">margin: <span style="color: red;">1px</span>;</span><br />
<span style="background: none repeat scroll 0% 0% rgb(208, 224, 227);">padding: <span style="color: red;">2px</span>;</span><br />
<span style="background: none repeat scroll 0% 0% rgb(208, 224, 227);">border-width: 0;</span><br />
<span style="background: none repeat scroll 0% 0% rgb(208, 224, 227);">text-transform: uppercase;</span><br />
<span style="background: none repeat scroll 0% 0% rgb(208, 224, 227);">text-decoration: none;</span><br />
<span style="background: none repeat scroll 0% 0% rgb(208, 224, 227);">font-weight: bold;</span><br />
<span style="background: none repeat scroll 0% 0% rgb(208, 224, 227);">}</span><br />
<span style="background: none repeat scroll 0% 0% rgb(208, 224, 227);">a.navigation:hover {</span><br />
<span style="background: none repeat scroll 0% 0% rgb(208, 224, 227);">background: <span style="color: blue;">#333333</span>;</span><br />
<span style="background: none repeat scroll 0% 0% rgb(208, 224, 227);">color: <span style="color: blue;">#ffffff</span>;</span><br />
<span style="background: none repeat scroll 0% 0% rgb(208, 224, 227);">text-decoration: none;</span><br />
<span style="background: none repeat scroll 0% 0% rgb(208, 224, 227);">}</span><br />
<br />
Perhatikan kode yang berwarna <span style="color: blue;">biru</span> adalah warna tombol dan efek hover dan bisa dirubah sesuka hati Anda.Dan yang berwarna <span style="color: red;">merah</span> adalah jarak antara tombol satu dengan lainnya, silahkan Anda sesuaikan sesuai selera.</span></div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><br />
</div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-size: small;">Jika prosesnya sudah kita lakukan semua, selanjutnya silahkan buka halaman blogspot anda, Tombol-tombol menu navigasi yang kita idam-idamkan sudah muncul. Silahkan melanjutkan kreatifitas anda untuk menjadikan blog yang lebih cantik dan bermutu.</span></div>Anonymoushttp://www.blogger.com/profile/07170676227971789420noreply@blogger.com0tag:blogger.com,1999:blog-4777053778958889900.post-29885550482000127722012-03-25T02:57:00.000-07:002012-03-28T04:33:03.023-07:00Mengaktifkan fitur readmore wordpress dengan plugin post teaser<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj84LKqdmLzDsQQs1sgCofgNC2ZKKVRH-UMP5jdHaVvbP_ao6yit1AyOAL592ePQNe-pVfZHUowolk6FFNKblQ_cib_HnuOtcgPbG8RGGXvclyJ0UAiWI88h2mq6fX6cJ98OagZtJ9iu30/s1600/readmore-wordpress.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="187" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj84LKqdmLzDsQQs1sgCofgNC2ZKKVRH-UMP5jdHaVvbP_ao6yit1AyOAL592ePQNe-pVfZHUowolk6FFNKblQ_cib_HnuOtcgPbG8RGGXvclyJ0UAiWI88h2mq6fX6cJ98OagZtJ9iu30/s200/readmore-wordpress.png" width="200" /></a></div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; text-align: center;"><span style="font-size: small;"></span></div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; text-align: justify;"></div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; text-align: justify;"><span style="font-size: small;">Sama seperti bloger untuk blogspot, saat kita menggunakan mesin wordpress pada blog kita sudah tentu kita ingin website kita lebih tampil prima. Sehingga menghias blog dengan plugin-plugin berkualitas dari wordpress sangat dibutuhkan.</span></div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; text-align: justify;"><br />
</div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; text-align: justify;"><span style="font-size: small;">Kelebihan dari wordpress adalah tersedianya fitur-fitur tambahan yang beguna untuk menjadikan blog atau website lebih perform, namun lebih mudah dalam melakukan instalasi kedalam mesin wordpress anda, salah satunya adalah “post teaster” Plugin.</span><br />
<a name='more'></a></div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; text-align: justify;"></div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; text-align: justify;"><span style="font-size: small;">Saat ini “<b>Post Teaser</b>” plugin dapat kita peroleh melalui wordpress.org dengan versi 4.1.1 yang dapat di unduh secara gratis melalui link <a href="http://wordpress.org/extend/plugins/post-teaser/">http://wordpress.org/extend/plugins/post-teaser/</a> untuk selanjutnya dapat anda upload kedalam mesin wordpress anda serta mengaktifkannya.</span></div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; text-align: justify;"><br />
</div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; text-align: justify;"><span style="font-size: small;">Untuk lebih mudahnya kita lihat bagaimana cara mengintall plugin ini secara langsung dan outomatis, melalui halaman dashboard admin mesin wordpress kita sebagai berikut :</span></div><ul style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; text-align: justify;"><li><span style="font-size: small;">Masuk atau login kedalaman halaman admin mesin wordpress anda.</span><span style="font-size: small;"> </span></li>
<li><span style="font-size: small;">Pilih “plugin”, dan pilih plugin “tambah baru” dan muncullah halaman search plugin</span><span style="font-size: small;"> </span></li>
<li><span style="font-size: small;">Isikan kata “<b>Post Teaser</b>” pada kolom search lalu tekan tombol cari plugin.</span><span style="font-size: small;"> </span></li>
<li><span style="font-size: small;">Maka akan muncul rincian beberapa plugin yang tersedia, cari plugin “<b>Post Teaser</b>” pilih dengan menekan klik, selanjutnya wordpress anda secara otomatis mendownload dan menginstall plugin tersebut.</span><span style="font-size: small;"> </span></li>
<li><span style="font-size: small;">Jika sudah selesai maka tekan “aktifkan plugin” untuk mengakhiri proses intallasinya.</span><span style="font-size: small;"> </span></li>
</ul><div style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; text-align: justify;"><span style="font-size: small;">Selanjutnya berlanjut dengan prosess settingnya bisa dilakukan dengan cara sebagai berikut: </span><span style="font-size: small;"> </span></div><div style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX4-xazQWLN0nrMql1clXgQLUwD2R7io2bcFQqRSWEVUa9BEBlXJcjDdvH-Ft3XIHfZbLY_ocJO4KH03uNSr75i9H9mFqZ-va7wTrY4swoILslyZmw5BkzF_r3hElaJnnh6Y8f1e24Iq0/s1600/post-teaser.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="279" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX4-xazQWLN0nrMql1clXgQLUwD2R7io2bcFQqRSWEVUa9BEBlXJcjDdvH-Ft3XIHfZbLY_ocJO4KH03uNSr75i9H9mFqZ-va7wTrY4swoILslyZmw5BkzF_r3hElaJnnh6Y8f1e24Iq0/s320/post-teaser.jpg" width="320" /></a></div><div style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; text-align: justify;"></div><ul style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; text-align: justify;"><li><span style="font-size: small;">Dari dashboard pilih “pengaturan” dan pilih <b>“</b><b><span style="font-weight: normal;">Post Teaser</span></b><b>”</b></span><span style="font-size: small;"> </span></li>
<li><span style="font-size: small;">Selanjutnya muncul halaman setting untuk menetukan mengatur tampilan seperti jumlah kata yang akan dimunculkan di halaman depan, kata yang dipilih baik “readmore” atau digantikan dengan “baca selanjutnya”, jangan lupa untuk menandai atau menconteng show readmore link, dan lainnya.</span><span style="font-size: small;"> </span></li>
<li><span style="font-size: small;">Jika sudah menyelesaikan pengisian halaman setting tekan tombol “update” maka perhatikan halaman “Home” anda maka sudah tampil dengan cuplikan-cuplikan artikel yang diakhiri dengan link readmore atau kata yang sudah anda gantikan.</span><span style="font-size: small;"> </span></li>
<li><span style="font-size: small;">Lanjutkan dengan mengatur fungsi artikel yang ditampilkan perhalamannya.</span></li>
</ul><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; text-align: justify;"><span style="font-size: small;">Dengan langkah-langkah yang tepat dan plugin yang tersedia kita bisa membangun dan mempercantik halaman blog atau website kita dengan gratis, sudah tentu kesempatan ini bisa kita maksimalkan dengan mendownload dan menginstal plugin “<b>Post Teaser</b>” ke blog saat ini.</span></div>Anonymoushttp://www.blogger.com/profile/07170676227971789420noreply@blogger.com0tag:blogger.com,1999:blog-4777053778958889900.post-27129422295589295312012-03-24T07:02:00.001-07:002012-03-27T07:11:42.252-07:00Mengaktifkan mode readmore dengan memaksimalkan Fitur "insert jump break"<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8pVuGmDQ5ERp5Nu1-StpSNfNXr83gZv6r-iK2x_ghDSHhrfwP0g6fuEAevcleL8Y_FSlvW1JSqOB_NQoeP0dH6R7o8ZEsjimLijmdeuGPN9JbTsjedgHIRP8-cQBX44r_tMYWeY2amuc/s1600/readmore-blogger.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8pVuGmDQ5ERp5Nu1-StpSNfNXr83gZv6r-iK2x_ghDSHhrfwP0g6fuEAevcleL8Y_FSlvW1JSqOB_NQoeP0dH6R7o8ZEsjimLijmdeuGPN9JbTsjedgHIRP8-cQBX44r_tMYWeY2amuc/s200/readmore-blogger.jpg" width="200" /></a></div><br />
<div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; text-align: justify;"><span style="font-size: small;">Menghias, dan memperindah tampilan blog dengan fitur "insert jump break" menjadikan blog kita tampil lebih perform dan maksimal, saya yakin ada pernah berkunjung ke blog yang memili desain halaman utama atau “Home” berisi beberapa artikel dalam satu halaman, dan tiap-tiap artikel tersekat dengan tombol “readmore”, atau “baca selengkapnya”. Coba perhatikan blog tersebut tambah lebih indah dan memberikan kemudahan navigasi bukan ? Sehingga untuk membaca selengkapnya tinggal mengklik tombol “readmore”, atau “baca selengkapnya” maka tampilah isi postingan yang dimaksud.</span></div><a name='more'></a><br />
<div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; text-align: justify;"><span style="font-size: small;">Tanpa fitur ini saat blog kita baru dibangun mungkin tidak akan jadi masalah karena baru berisi sedikit postingan, Namun saat blog kita sudah berisi banyak postingan dengan materi artikel yang panjang sudah tentu fitur ini akan menjadi berguna karena dapat mempersingkat tampilan blog dan menampilkan lebih banyak postingan dengan cara lebih ringkas pada halaman utama atau “home” saat diakses.</span></div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; text-align: justify;"><br />
</div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; text-align: justify;"><span style="font-size: small;">Sebenarnya fitur tersebut sudah tersedia didalam halaman admin dibagian edit hmtl blogspot kita. Khususnya pada versi editor terbaru dengan memaksimalkan fungsi "insert jump break" untuk membentuknya, penasaran ? kita lanjutkan dengan mengikuti panduan dibawah ini guna mensetting blog milik kita.</span></div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; text-align: justify;"><br />
</div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; text-align: justify;"><span style="font-size: small;">Tutorial menampilkan tombol “continue reading" atau "baca selanjutnya" dengan fitur "insert jump break" pada versi baru editor blogspot. <span style="color: red; font-size: xx-small;"><b>(Perhatikan juga Gambar) </b></span></span></div><ul style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;"><li><span style="font-size: small;">Pertama login terlebih dahulu untuk masuk kedalam editor hmtl blogspot di <a href="http://www.blogger.com/" rel="nofollow" target="_blank">http://www.blogger.com</a></span><span style="font-size: small;"> </span></li>
<li><span style="font-size: small;">Jika anda sudah berhasil login, dan masuk ke halaman dashboard, klik tombol “posting”, lalu pilih tombol “edit entri”, lalu pilih edit pada postingan mana yang ingin kita aktifkan fitur "insert jump break".</span><span style="font-size: small;"> </span></li>
<li><span style="font-size: small;">Saat sudah masuk pada isi postingan yang ingin anda edit, letakan krusor pada posisi atau paragraph yang ingin anda sekat atau batas ditampilkan pada “readmore” atau “baca selengkapnya”, dilanjutkan dengan menekan tombol "insert jump break", maka halaman akan automatis diberi penyekat atas batas di editor blogspot.</span><span style="font-size: small;"> </span></li>
<li><span style="font-size: small;">Selanjutnya tekan tombol “publish” atau terbitkan entri, maka anda sudah bisa melihat halaman “home” untuk postingan tersebut dibatasi dengan diakhiri oleh sebuah tombol atau link “baca selengkapnya”.</span></li>
</ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEuwQDuRyonW8PsqQRPKAuEGyjHRgZs7D-187HMc_WmaD3zGnHGWPL26_VegZ5lNJZQHtlUgXENWG2vR83XtHs5iOQ8UD28pQgsxaqZ-tsV5iQjMO_jfRxJ5a6PYe_XxrtqGtowyff-VQ/s1600/hmtl-blogspot.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEuwQDuRyonW8PsqQRPKAuEGyjHRgZs7D-187HMc_WmaD3zGnHGWPL26_VegZ5lNJZQHtlUgXENWG2vR83XtHs5iOQ8UD28pQgsxaqZ-tsV5iQjMO_jfRxJ5a6PYe_XxrtqGtowyff-VQ/s320/hmtl-blogspot.jpg" width="320" /></a></div><br />
<div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; text-align: justify;"><span style="font-size: small;">Mudah bukan? Untuk memperintah dan membentuk tampilan halaman depan menjadi lebih menarik, dan jika anda ingin menampilkan semua posting artikel anda dengan tombol “readmore” atau “baca selengkapnya” tinggal mengulang atau menerapkan hal yang sama dengan melakukan editing sesuai tutorial diatas pada tiap-tiap artikel postingan anda.</span></div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; text-align: justify;"><br />
</div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; text-align: justify;"><span style="font-size: small;">Tentu saja anda harus menyesuaikan tampilan halaman utama atau atau home pada blog anda agar halaman utama bisa menampilkan 5, 6, 7, atau sesuai kemauan anda dari jumlah artikel yang ditampilkan per halamannya.</span><span style="font-size: small;"><span style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: 115%;"> </span></span></div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; text-align: justify;"><br />
</div><div class="MsoNormal" style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; text-align: justify;"><span style="font-size: small;"><span style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; line-height: 115%;">Blog anda sekarang sudah semakin cantik, dan menarik dengan fitur navigasi yang semakin mudah dan membantu pengunjung dalam mengaksesnya, tetapi kalau belum menggunakan fitur "insert jump break" silahkan untuk mencobanya terlebih dahulu.</span></span></div>Anonymoushttp://www.blogger.com/profile/07170676227971789420noreply@blogger.com0