Showing posts with label Widget. Show all posts
Showing posts with label Widget. Show all posts

Cara Membuat Widget Share Button Like, Share dan Twitter di Sisi Blog atau Postingan

Posted by Unknown

Cara Membuat Widget Share Button Like, Share dan Twitter Melayang di Sisi Kanan Blog/Postingan -
Untuk meningkatkan pengunjung ke blog kita, kita perlu mengintegrasikan blog kita melalui media jejaring sosial populer seperti facebook dan twitter. (lihat gambar disamping)
Pada postingan sebelumnya yaitu Cara Membuat Widget/Gadget Mashable Style Social Subscription yang juga widget/gadget share like dan twitter tapi tidak melayang, Nah pada tutorial kali ini, Putra batak mau berbagi sama sobat-sobat bagaimana membuat salah satuwidget Share Button Like, Share dan Twitter Melayang di Sisi Kanan Blog/Postingan. Widget kali ini dilengkapi tombol suka dan share FacebookTweetDiggstumble Upon dan Google+(G-plus) Cara pembuatannya sangat mudah, karena tidak perlu mengedit CSS atau menambahkan kode HTML. Langsung saja, berikut langkah-langkahnya :
  1. Langkah pertama masuk ke akun blogger > Dasbor  > klik design/rancangan > Tata Letak 
  2. Klik Tambah Gadget, di bagian sidebar.
  3. lalu pilih HTML/Javascript, kemudian masukkan kode di bawah ini:

<!--Widget Share Button Melayang Start-->

<style>

#pageshare {position:fixed; bottom:15%; right:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;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;-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="bagikan ke teman anda">
<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></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><br/><div style="clear: both;font-size: 9px;text-align:center;"><a href="http://fe-blogger.blogspot.com/2013/11/cara-membuat-widget-share-button-like.html" target="blank"><font color="blue">[Get Widget]<font></font></font></a></div></div>

<!--Widget Share Button Melayang End-->



5. Klik Save/Simpan. Lihat blog sobat.

Untuk pengaturan lihat kode warna merah dan ubah sesuai yang sobat inginkan :

  • angka 15% mengatur letak tinggi posisi share button dr sisi bawah blog, silakan dikurangi jika posisinya ingin diturunkan dan ditambahi jika ingin dinaikkan.
  • angka 10px adalah posisi dari tepi paling kanan blog.
  • sedangkan border: 1px solid black, adalah ukuran ketebalan batas kotak share button dan warna batas/garis share button itu sendiri.
More aboutCara Membuat Widget Share Button Like, Share dan Twitter di Sisi Blog atau Postingan

Free Website Widgets Popolars Posts Animation For Blogger

Posted by Unknown

Salam semua rekan blogger, pada postingan yang lalu saya telah membahas tentang Free Website Widgets Popular Posts Untuk Blogger dan pada kesempatan ini saya akan menambahkan sedikit koleksi widget yang saya temukan di om google, dimana kita semua tahu bahwa widget populars post sangat penting untuk sebuah blog/websit, hal ini sangat bermanfaat untuk meningkatkan SEO blog kita, dengan adanya Widget Populars Post ini akan menambahkan minat pengunjung ke blog kita apalagi dengan penampilannya yang sangat menarik dipandang mata, kali ini saya akan membagikan Free Website Widgets Popolars Posts Animation For Blogger kepada anda yang nantinya akan anda tambahkan di blog anda (jika anda tertarik), Widget Populars Post ini akan mempercantik tampilan blog anda, sebagai contohnya anda bisa melihat gambar diatas atau anda bisa melihat di blog saya... nah, yang jadi pertanyaanny sekarang bagaimana cara menambahkan Custum Widget Popolars Posts Animation For Blogger. anda jangan pusing dulu, karena disini saya akan menjelaskan sedetil mungkin kepada anda step by step... langsung ke TKP.....

Untuk memudahkan anda memahami penjelasan ini nanti, saya akan menambahkan beberapa gambar panduan dari tahap awal hingga selesai.. silahkan dipraktekkan.

- Langkah pertama yang harus anda lakukan adalah Masuk ke Dashboard Blogger anda




seperti gambar di atas click pada tap tata letak dan selanjutnya akan tampil halaman seperti ini


Setelah terlihat halaman seperti ini anda harus click tombol Tambahkan Gadget Lihat no 2 gambar di atas, lalu akan muncul halaman seperti ini,


Pilih menu HTML/JavaScrip seperti yang saya lingkari di atas, lalu anda akan diarahkan ke halaman inti Widget Populars Post ini, lihat gambar di bawah ini


Pada tahap ini anda harus mengisi Judul widget di kolom paling atas, silahkan anda isi sesuka hati anda, mau tulis populars post, Hot Post, atau apa aja yang ada di pikiran anda terserah..
Lalu copy Code di bawah ini dan paste tepat di kolom tengah, selanjutnya click tombol simpan..

<style type="text/css">
#rp_plus_img{height:385px;overflow:hidden;border:0;padding:2px 3px 3px 2px;background:transparant}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:solid 1px #ccc; margin:0;height:82px;padding:5px; list-style:none;-moz-border-radius: 10px; border-radius: 5px}
#rp_plus_img li:hover{background-color: #EFFBEF;}
#rp_plus_img a{color:#d90000;font-weight:bold}
#rp_plus_img .news-title{display:block;font-weight:400 !important;margin-bottom:3px;font-size:11px;}
#rp_plus_img img{float:left;margin-right:10px;padding:4px;border:solid 1px #ccc;width:65px; height:65px;-moz-border-radius: 10px; border-radius: 5px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://tugasku4u.googlecode.com/files/Slideshow-artikel-terbaru-New-2013.js"></script>
<script type="text/javascript">
var speed = 1500;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 20;
var numchars = 40;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>

setelah langkah di atas selesai semuanya, tahap terakhir yang harus anda lakukan adalah click tombol Simpan Setelan
Lihat gambar di bawah ini


Sampai tahap ini anda sudah selesai menambahkan Custum Widget Popolars Posts Animation For Blogger dan lihat hasilnya untuk membuktikan bahwa anda benar-benar berhasil melakukannya,,,,
demikian seo optimization tips kali ini selamat mencoba dan happy blogging for you..
silahkan bertanya dalam komentar, saya akan sangat senang dengan komentar dari sahabat semua...
More aboutFree Website Widgets Popolars Posts Animation For Blogger

Free Website Widgets Popular Posts Untuk Blogger

Posted by Unknown

Widget Popular Posts di blogger biasanya selalu ditampilkan dengan gaya default oleh Blogger , dan juga bias kita tampilkan dengan gaya dam warna yang berbeda di blogger dengan sedikit mengedit template. Namun, sangat mudah untuk menyesuaikan Widget Popular Posts di Blogger , Anda hanya perlu mengedit kode acak  yang secara otomatis dibuat oleh Blogger ketika Anda menambahkan posting terbaru dari halaman Tata Letak Anda.

Free Website Widgets  yang berwarna yang akan membuat posting populer yang super indah. Widget Popular Posts ini diciptakan oleh orang lain, tapi saya telah memodifikasi sedikit , sekarang mari kita mulai bagaimana cara menambahkan Custum Widget Popular Posts di blogger. Setelah menambahkan widget ini ke blog Anda , posting populer di blog Anda akan melihat persis seperti yang Anda lihat di gambar.

Bagaimana Cara menambahkan Widget Popular Posts Untuk Blogger ?

Ikuti langkah-langkah berikut ini :



  • Masuk ke Dashboard Blogger anda



    • Arahkan kursor ke tanda panah sebelah kanan atas dan Klik menu template Template -> Edit HTML




    • Lalu cari  kode </b:skin> (caranya lihat gambar di bawah ini)



    Jika Anda tidak terbiasa dengan halaman baru Blogger HTML, kamu hanya tinggal melihat gambar di atas bagaimana cara  untuk menemukan kode </ b: skin>, jika kamu menemukan kode <b:skin> ... </ b: skin> klik tanda panah di sebelah kiri dan semua kode css akan terlihat.


    • Langkah selanjutnya adalah copy kode di bawah ini dan paste diatas kode </ b: skin>:
    #PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}
    #PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;  color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 10px 0px -5px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; }
    #PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}
    #PopularPosts1 ul li:first-child:after,
    #PopularPosts1 ul li:first-child + li:after,
    #PopularPosts1 ul li:first-child + li + li:after,
    #PopularPosts1 ul li:first-child + li + li + li:after,
    #PopularPosts1 ul li:first-child + li + li + li + li:after,
    #PopularPosts1 ul li:first-child + li + li + li + li + li:after,
    #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
    #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
    #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,
    #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
    #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}
    #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
    #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}
    #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
    #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}
    #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}
    #PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}
    #PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
    #PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}
    #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
    #PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}
    #PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
    #PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}
    #PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
    #PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%}
    #PopularPosts1 ul li:first-child + li + li:after{content:"3"}
    #PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%}
    #PopularPosts1 ul li:first-child + li:after{content:"2"}
    #PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%}
    #PopularPosts1 ul li:first-child:after{content:"1"}
    #PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}
    #PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px;}
    #PopularPosts1 img {
    border-radius:200px;
    width:60px; height:60px;
    margin-left:4px;
    }




    • Langkah terkhir adalah simpan template anda dan selesai....!

    Lihat blog kamu untuk melihat Custum Widget Popular Posts Untuk Blogger  yang indah di sidebar. Jika kamu belum menambahkan Widget Popular Posts maka tambahkan dan pilih 5 posts yang ditampilkan.
    demikianlah search engine optimisation tips kali ini semoga bermanfaat.
    Ceria & Nikmati, jika kamu menghadapi masalah, maka beritahu saya dengan memberikan komentar pada posting ini. Selamat mencoba.. thank..
    More aboutFree Website Widgets Popular Posts Untuk Blogger

    Free Website Widgets Label Yellow For Blogger

    Posted by Unknown


    Salam semua sahabat blogger di seluruh penjuru dunia, pada kesempatan ini saya akan membagikan sebuah tutorial atau search engine optimisation tips kali ini yaitu cara menambahkan Custum Widget Label Yellow For Blogger, seperti yang kita  lihat pada gambar terlihat sangat menarik dan sangat berguna bagi blog kita, widget ini berguna untuk membuat kategori semua postingan kita sehinggga para pengunjung sangat mudah menemukan apa yang mereka cari dan pengunjung juga akan betah dihalaman blok kita karena tampilannya menarik dan teratur,,

    oke, tanpa memperpanjang mukaddimah saya langsung saja ke pokok permasalahan kita yaitu cara membuat Widget Label Yellow For Blogger, ikuti langkah-langkahnya sebagai berikut :


    • Masuk ke Dashboard Blogger anda
    •      Arahkan kursor ke tanda panah sebelah kanan atas dan Klik menu template Template -> Edit HTML




  • Lalu cari  kode ]]></b:skin> (caranya lihat gambar di bawah ini)

      •      Kalau sudah ketemu Copy Kode dibawah ini dan paste kode ini tepat di atas ]]></b:skin>

            .Label li:before {

              background-image: -moz-linear-gradient(left top , #FEDA71, #FEBA47);

              border-bottom: 1px solid #D99D38;

              border-left: 1px solid #D99D38;

              content: "";

              height: 1.39em;

              left: -0.69em;

              position: absolute;

              top: 0.2em;

              transform: rotate(45deg);

              width: 1.3em;

              z-index: 1;

          }

          .Label li:after {

              background: none repeat scroll 0 0 #FFFFFF;

              border: 1px solid #D99D38;

              border-radius: 4.167em 4.167em 4.167em 4.167em;

              box-shadow: 0 1px 0 #FAEABA;

              content: "";

              height: 0.5em;

              left: -0.083em;

              position: absolute;

              top: 0.667em;

              width: 0.5em;

              z-index: 9999;

          }

          .Label li {

              background-image: -moz-linear-gradient(center top , #FEDA71, #FEBA47);

              border-bottom: 1px solid #D99D38;

              border-radius: 0 0.25em 0.25em 0;

              border-right: 1px solid #D99D38;

              border-top: 1px solid #D99D38;

              box-shadow: 0 1px 0 #FAEABA inset, 0 1px 1px rgba(0, 0, 0, 0.1);

              color: #996633;

              float: left;

              font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;

              font-size: 0.75em;

              font-weight: bold;

              list-style: none outside none;

              margin: 0 0 7px 20px;

              padding: 0.417em 0.417em 0.417em 0.917em;

              position: relative;

              text-decoration: none;

              text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);

              z-index: 1;

          }

      •      Lalu simpan template anda, dan refres halaman blogger anda selanjutnya lihat hasilnya.
           Demikianlah cara menambahkan Custum Widget Label Yellow For Blogger, Semoga tulisan ini dapat membantu anda dan saya berharap jika ada yang ingin saudara tambahkan silahkan berkomentar di bawah ini, saya akan sangat senang dengan komentar teman-teman blogger,, selamat menikmati dan terima kasih atas perhatiannya telah berkunjung ke blog saya ini..
      Anda juga bisa membaca Free Website Widgets Label Cool Effec di postingan saya sebelumnya

      More aboutFree Website Widgets Label Yellow For Blogger

      Free Website Widgets Label Cool Effec

      Posted by Unknown

      Free Website Widgets Label Cool Effec Untuk Blog >>> Widget ini menampilkan daftar kategori posting yang sesuai dengan pokok permasalahan masing-masing dan sesuai dengan nama label yang kita berikan pada setiap postingan. Hal ini sangat membantu untuk mengkategorikan posting dalam kelompok masing-masing masalah, misalnya kita memiliki 20 postingan tentang tutorial blogger maka semua postingan tentang tutorial yang bersangkutan dengan tutorial blogger akan masuk kedalam lebel tersebut, dan hal ini sangat membantu pengunjung untuk mencari apa yang mereka butuhkan dalam blog kita, dengan demikian tanpa kita sadari bahwa kita telah meningkatkan search engine optimisation tips, hal ini di tandai dengan membantu pengunjung untuk melihat posting di dalam kategori/label.
      Widget Label blogger standar tidak begitu menarik. Jangan khawatir, di sini saya akan berbagi widget label yang menarik dan keren yang bias kita namakan dengan Free Website Widgets Label Cool Effec black labels, widget ini hanya menggunakan kode CSS sederhana. Untuk melakukan hal ini ikuti langkah-langkah di bawah ini.

      *       Masuk ke Dashboard Blogger anda

      (Klik Gambar Untuk Memperbesar)

      *       Klik menu template Template -> Edit HTML

      (Klik Gambar Untuk Memperbesar)

      *       Cari kode ]]></b:skin> 

      (Klik Gambar Untuk Memperbesar)


      *      dan paste kode di bawah ini tepat di atas ]]></b:skin>


      .Label li {
              background: linear-gradient(to bottom, #6B6B6B 0%, #6B6B6B 4%, #333333 1%, #2B2B2B 100%) repeat scroll 0 0 transparent;
              border: 1px solid;
              border-radius: 6px 6px 6px 6px;
              float: left;
              font-size: 116%;
              list-style: none outside none;
              margin: 2px;
              padding: 4px;
              transition: all 0.3s ease 0s;
          }
      .Label li:hover {
          transform: rotate(351deg) scale(1.7);
      }
      .Label a {
          color: #fff;
          text-decoration: none;
      }

            
      - Lalu simpan Template anda.

            itulah langkah-langkah atau cara menambahkan Free Website Widgets Label Cool Effec Untuk Blog, mudah-mudahan postingan ini dapat berguna bagi para sobat blogger semua, mohon tanggapannya dalam komentar, saya akan senang dengan komentar anda.. thank...
      More aboutFree Website Widgets Label Cool Effec

      Cara Memasang Widget Related Posts Pada Blog

      Posted by Unknown

      Salam semua sahabat blogger, dalam kesempatan kali ini saya akan membagikan kepada sahabat blogger semua Custum Widget Related Posts Untuk Blog, Berikut ini adalah salah satu tip untuk mempercantik tampilan Widget Related Posts pada blogger, saya pikir ini sangat penting untuk kita tambahkan widget ini pada blog kita karena akan meningkatkan pengunjung di blog kita tanpa menghabiskan banyak waktu di SEO, jika kita pelajari lebih dalam lagi maka kita akan dengan mudah menemukan bahwa widget related post adalah sumber utama untuk meningkatkan seo optimization tips. Jadi, jika kita benar-benar tertarik untuk dan ingin menampilkan posting terkait di mana postingan kita sedang dibaca oleh pengunjung.

      widget yang satu ini mengandung gambar sehingga kita juga dapat melihat gambar jika postingan kita memiliki gambar. lebih kurang ini tampilannya (lihat gambar di bawah)



      Oke, langsung saja ke TKP…!!!
      Langkah pertama yang harus kamu lakukan adalah

      • Buka dashboard blogger kamu
      • Klik pada bagian Template blogger yang ingin Kamu tambahkan widget (jika kamu punya beberapa blog)
      • setelah itu klik tombol/tulisan Edit HTML (lihat gambar di bawah)



      • Selanjutnya Kamu harus mencari kode ini dalam template
      </ head> 
         Kalau susah mencarinya tekan saja Ctrl + F lalu pate kode ini </ head>  di dalam kota pencarian dan tekan Enter
        
        Kalau sudah menemukan kode </ head>  tersebut

      • Sekarang paste kode ini di atas </ head> tag

      <b:if cond='data:blog.pageType == "item"'><style type='text/css'>#related-posts { float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px; }  #related-posts h2{ font-size: 18px; letter-spacing: 2px; font-weight: bold; text-transform: none; color: #5D5D5D; font-family: Arial Narrow; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ border-right: 1px dotted #DDDDDD; color:#5D5D5D; } #related-posts a:hover{ color:black; background-color:#EDEDEF; } </style><script type='text/javascript'>var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS3y6gMMMSou1ENPmRmmk4uSlQNtAvGvI40nxafZ7id6Ku_ezNuMOiaCv_0w6rA_rE2MC1u4soFJbl4vq6LltUfjUgfDXOIqsC19mm4bX4wb_BNIUbHlivkHWw71cY7hMsXVoSEhm_OhmX/s1600/no_image.jpg"; var maxresults=5; var splittercolor="#DDDDDD"; var relatedpoststitle="Related Posts"; </script><script src='http://helplogger.googlecode.com/svn/trunk/related-posts-with-big-thumbnails.js' type='text/javascript'/><!-- remove --></b:if>


      selanjutnya cari kode ini dalam template <div class='post-footer'> lalu
      Tempelkan kode dibawah ini di atas kode class='post-footer'> <div


      <b:if cond='data:blog.pageType == "item"'><div id='related-posts'>
      <b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != "true"'></b:if><script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:loop><script type='text/javascript'>removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs("<data:post.url/>"); </script></div>
      <div style='clear:both'/>
      <!-- remove --></b:if><b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'><a href='http://mbgadget.blogspot.com/2013/08/blogger-related-post.html'><img alt='Blogger related post widget' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVc1zJNTLmEe0ak1LulLC-CpX7t48_57qu_N9l0vTYh5j2uh7yE6b2ARhLaA5YIB8aHnETlgszwk23bgX15tVl4soA1yuWV0xwEzsKBYkzKB6HEuwmU7DYCcyZUyVXU91A_JYjl5FrlDN6/s1600/best+blogger+tips.png'/></a></b:if></b:if>

      Setelah itu klik tombol simpan template yang ada di atas pojok kanan (warna orange)
      Dan Sekarang Kamu sudah selesai dan widgate Kamu berhasil diinstal.

      Kamu harus me-refresh blog Kamu untuk melihat perubahan, saya juga telah mencobanya pada beberapa blog lain sebelum memposting  di sini.

      Kita sadari dan tahu bahwa ada banyak pilihan dan mengapa kita menggunakan gadget ini untuk blogger kita. Sebenarnya jika kita ingin membangun tampilan halaman sebagian besar blog kita, maka kita harus menambahkan gadget ini dan pastinya itu akan membuat respon yang jauh lebih positif dari pengunjung terhadap tampilan halaman blog kita meningkat dan lebih dari normal.

      Jika ada masalah saat menambahkan Widget Related Posts Untuk Blog silahkan bertanya dalam komentar dan jangan ragu untuk memberi saran anda. hal ini untuk meningkatkan seo optimization tips pada blog ini. Thank..
      More aboutCara Memasang Widget Related Posts Pada Blog