Cara Memasang Star Ratings Widget Pada Custom Blogger Template

Pada template blogger yg tidak disediakan oleh Blogger sendiri, star ratings tidak akan muncul meskipun sudah diaktifkan dengan cara seperti di atas. Hal ini karena pada template Blogger yg disediakan oleh pihak ketiga tidak diberikan script serta HTML star ratings. Melihat hal demikian, saya mencoba menengok template-template resmi Blogger dan menemukan beberapa bagian widget star ratings. Sebagai uji coba, saya kemudian mengekstraknya & mengaplikasikannya pada template blog ini.
Ada dua langkah penting untuk memasang star rating blogger:
  • Memasang Kode HTML star ratings:
1. Aktifkan terlebih dahulu fitur star ratings seperti cara di atas. Apabila tidak ditemukan, akses dashboard melalui draft.blogger.com. Save.
2. Buka edit HTML ( template > edit HTML), jangan lupa centang "Expand Widget Templates".
3. Jika ingin memasang star ratings di bawah judul posting, cari <div class='post-header-line-1'/>di bawahnya. Jika ingin memasang di bawah isi posting, cari <data:post.body/>, letakkan kode berikut di bawahnya: (gunakan Ctrl+F), letakkan kode berikut
<div class='star-ratings' style='float:right;'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='180'/>
</b:if></div>
Note:
-Apabila anda telah menggunakan share buttons (Facebook, Twitter, Google+) yg saya share pada posting terdahulu, letakkan kode di atas </b:if>.
- Apabila <div class='post-header-line-1'/> tidak ditemukan, cari <data:post.body/>, letakkan kode di atasnya.
  • Memasang Script star ratings:
1. Masih pada edit HTML, cari <b:include name='feedLinks'/>, letakkan script berikut di bawahnya:
<b:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load(&quot;annotations&quot;, &quot;1&quot;);
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
Note: Jika <b:include name='feedLinks'/> tidak ditemukan, cari <b:includable id='feedLinks'>.
2. Save template.
Blogger star ratings akan muncul di atas atau di bawah posting sesuai cara yg dipilih. Pastikan & perhatikan posisi widget agar sesuai dengan template blog. Jika perlu beri pengaturan CSS agar tampil pada posisi yg sempurna & sesuai keinginan.

Have a nice blogging * Have a nice learning!
»»  READMORE...

Cara Memasang Dinamik Meta Tag Pada Setiap Postingan Secara Otomatis di Blogspot

Memasang Dinamik Meta Tag pada Setiap Posting Otomatis di blogspot - Ketemu lagi dengan artike terbaru panduan sukes blogger. kali ini Panduan sukses blogger membahas Cara Menambah Dinamik Meta Tag di Setiap Postingan Secara Otomatis. Teknik ini sangat berguna untuk optimasi on page karena setiap postingan kita akan memiliki meta deskripsi yang berbeda antara satu postingan dengan postingan lainnya tanpa perlu repot-repot menambahkan satu-satu pada setiap postingan secara manual. Dengan kata lain, meta deskripsi dan keyword pada setiap posting akan ter-generate secara otomatis. Hal ini tentu menjadi solusi bagi sobat yang mengalami duplikasi meta deskripsi.

Ok, langsung saja, berikut cara pemasangannya.

Berikut ini Cara Menambahkannya:
1. Login dulu ke blogger.com, lalu ke Tata Letak > Edit HTML
2. Kemudian cari kode berikut:

<title><data:blog.pageTitle/></title>

3. Sudah Ketemu, hapus lalu ganti dengan kode berikut :
<b:if cond='data:blog.url == &quot;http://alamatblogsobat.blogspot.com/&quot;'>
<title><data:blog.pageTitle/></title>
<meta name='description' content='isi dengan deskripsi untuk homepage blog sobat'/>
<meta name='keywords' content='isi dengan kata kunci untuk homepage'/> </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Keywords'/>
</b:if>

4. Kemudian Simpan
5. Selesai

Semoga artikel Cara Memasang Dinamik Meta Tag Pada Setiap Postingan Secara Otomatis di Blogspot bermanfaat buat sobat semua dan salam sukses....
»»  READMORE...

Cara Pasang Widget di Blog

Biar ga ketinggalan informasi era digital, pasang widget berita di blog sobat khan lumayan sambil blogging bisa dapat berita terbaru lewat rss feed-nya detik.com, kaskus.us dan kompas.com... Selain itu widget ini juga membuat blog sobat semakin dinamis dengan update berita terkini seputar tekno-blogging. Wah... pengunjung blog sobat makin betah deh berkunjungnya. Gimana makin keren khan infonya.
Widget ini saya buat menggunakan rsspump.com dengan mengambil data dari rss feed detik.com, kaskus.us dan kompas.com, walaupun sederhana tapi lumayanlah buat memanjakan pengunjung blog sobat.
Buat sobat blogger yang pengen ngutak-ngatik sendiri widget berita silakan kunjungi rsspump.com atau jika ingin menggunakan widget berita seperti punya saya silakan disimak tutorialnya...
Oke...langsung aja ke TKP
  1. Seperti biasa...Login dahulu ke blog sobat.
  2. Klik "Design" kemudian klik "Add Gadget".
  3. Pilih "HTML/JavaScript".
  4. Copy-Paste kode berikut ini di kotak postingan gadget.
 <div style='font-size:120%;color:#ffffff; width:614;height:auto;margin:5px 0 5px 0;padding:5px 10px 5px 10px; text-align:center; overflow:hidden; -moz-border-radius: 8px; box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; background-color:#619bb9; background: -moz-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75)); background: -webkit-gradient(linear, center top, center bottom, from(#327aa4),color-stop(45%, #2e4b5a), to(#5cb0dc));'>
<table width=100%><tr><td width=18px><img src="http://www.detik.com/image/detikcom.ico"/></td><td><iframe src="http://s1.rsspump.com/rss.aspx?s=14b2ac00-190d-44e1-9452-7034fe992459&amp;speed=2&amp;t=0&amp;d=1&amp;u=0&amp;p=1&amp;b=0&amp;ic=9&amp;font=Verdana&amp;fontsize=14px&amp;bgcolor=&amp;color=FFFFFF&amp;type=static&amp;su=0&amp;sub=0&amp;sw=0" frameborder="0" width="100%" height="18" scrolling="no" allowtransparency="true"></iframe></td></tr>
<tr><td width=18px><img src="https://lh3.googleusercontent.com/-bU9YAaVigLg/TqusCS26cGI/AAAAAAAAAZI/fICD1G7WkLE/s800/kaskus.png"/></td><td><iframe src="http://s1.rsspump.com/rss.aspx?s=08407b33-3621-4e00-88be-a5c816b539a9&amp;speed=2&amp;t=0&amp;d=1&amp;u=0&amp;p=1&amp;b=0&amp;ic=9&amp;font=Verdana&amp;fontsize=14px&amp;bgcolor=&amp;color=FFFFFF&amp;type=static&amp;su=0&amp;sub=0&amp;sw=0" frameborder="0" width="100%" height="18" scrolling="no" allowtransparency="true"></iframe></td></tr>
<tr><td width=18px><img src="https://lh5.googleusercontent.com/-eg38YIRf_tU/TqzlDgHqXsI/AAAAAAAAAZc/wJ6tqp7ogCs/s800/Kompas.png"/></td><td><iframe src="http://s1.rsspump.com/rss.aspx?s=95d5f2c1-852c-44f3-bcbb-00a36b62d0c3&amp;speed=2&amp;t=0&amp;d=1&amp;u=0&amp;p=1&amp;b=0&amp;ic=9&amp;font=Verdana&amp;fontsize=14px&amp;bgcolor=&amp;color=FFFFFF&amp;type=static&amp;su=0&amp;sub=0&amp;sw=0" frameborder="0" width="100%" height="18" scrolling="no" allowtransparency="true"></iframe>
</td></tr>
</table>
</div> <span style="font-size: 80%; float:right;;margin-top:5px;"><a href="http://monozcore.blogspot.com/2011/10/cara-pasang-widget-berita-di-blog.html" target="_blank">Get this widget</a></span>
this widget</a></span>

  • Klik "Save" dan lihat hasilnya...
  • Silakan widget ini ditaruh di atas atau di bawah postingan artikel biar gampang dilihat pengunjung blog.


  • »»  READMORE...

    Cara memasang Burung Twitter di sudut Blog

    Dalam posting ini,saya akan berbagi kepada anda tentang cara memasang Burung Twitter yang berada di Sudut Blog.Burung Twitter ini bisa bergerak,terjatuh,dan mengangkat papan "Follow Me" untuk melayani anda.Nah,untuk memasangnya,ada kode script yang harus anda copykan di HTML / JavaScript anda.Kode Scriptnya ada di bawah ini :

    <a style="display:scroll;position:fixed;bottom:1px;left:1px;" href="http://twitter.com/Billy_Halim"; target="_blank"><object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf"; height="159" width="159"><param name="movie" value="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf" /><param name="allowscriptaccess" value="always" /><param name="menu" value="false" /><param name="wmode" value="transparent" /><param name="flashvars" value="username=http://twitter.com/Username Twitter Anda" /></object></a>;

    Ganti tulisan yang berwarna merah dengan username twitter anda.

    Hasilnya akan seperti di sudut blog saya


    Selesai dan Semoga Bermanfaat
    »»  READMORE...

    Cara Menambahkan Efek Teks pada Cursor Mouse


    Yang dimaksud Efek Teks pada Cursor adalah ketika Cursor atau mouse kita gerakkan, maka akan muncul sebuah efek yaitu Cursor yang bergerak diikuti oleh deretan teks. Dan teks tersebut terserah kita, mau di beri tulisan apa saja. Cara buatnya mudah, silahkan anda ikuti langkah berikut bila anda berminat :
    1. Login ke blogger dengan ID anda.
    2. Klik Rancangan dan pilih Elemen Laman







    3. Tambah Gadget



    4. Pada jendela baru anda Anda pilih gadget HTML/JavaScript







    5. Copy dan paste kode script dibawah ini pada gadget tersebut :
    <script language="javascript">


    // ENTER TEXT BELOW. CAN *NOT* INCLUDE NORMAL HTML CODE.
    var text='Ganti dengan Teks yang anda suka';

    var delay=40; // SPEED OF TRAIL
    var Xoff=0; // PIXEL COUNT FROM THE LEFT OF THE CURSOR (- VALUES GO TO LEFT)
    var Yoff=-30; // PIXEL COUNT FROM THE TOP OF THE CURSOR (- VALUES GO UP)
    var txtw=14; // AMOUNT OF PIXEL SPACE EACH CHARACTER OCCUPIES
    var beghtml='<font color="#00436e"><b>'; // OPTIONAL HTML CODE THAT EFFECTS WHOLE TEXT STRING SUCH AS FONT COLOR, SIZE, ETC.
    var endhtml='</b></font>'; // END HTML CODE. MOSTLY USED IF ABOVE SETTING IS USED.

    //********** NO NEED TO EDIT BELOW HERE **********\\

    ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;
    ie4 = (document.all && !document.getElementById)? true : false;
    ie5 = (document.all && document.getElementById)? true : false;
    ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
    var txtA=new Array();
    text=text.split('');
    var x1=0;
    var y1=-1000;
    var t='';

    for(i=1;i<=text.length;i++){
    t+=(ns4)? '<layer left="0" top="-100" width="'+txtw+'" name="txt'+i+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';
    t+=beghtml+text[i-1]+endhtml;
    t+=(ns4)? '</layer>' : '</div>';
    }
    document.write(t);

    function moveid(id,x,y){
    if(ns4)id.moveTo(x,y);
    else{
    id.style.left=x+'px';
    id.style.top=y+'px';
    }}

    function animate(evt){
    x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);
    y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);
    }

    function getidleft(id){
    if(ns4)return id.left;
    else return parseInt(id.style.left);
    }

    function getidtop(id){
    if(ns4)return id.top;
    else return parseInt(id.style.top);
    }

    function getwindowwidth(){
    if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;
    else return window.innerWidth+pageXOffset;
    }

    function movetxts(){
    for(i=text.length;i>1;i=i-1){
    if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){
    moveid(txtA[i-1],0,-1000);
    moveid(txtA[i],0,-1000);
    }else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));
    }
    moveid(txtA[1],x1,y1);
    }

    window.onload=function(){
    for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);
    if(ns4)document.captureEvents(Event.MOUSEMOVE);
    document.onmousemove=animate;
    setInterval('movetxts()',delay);
    }
    </script>
    Catatan :
    Silahkan ganti tulisan berwarna merah dengan tulisan atau teks yang anda suka.

    6. Simpan.

    Selamat mencoba dan lihat hasilnya, semoga bermanfaat....
    Jangan lupa luangkan waktu untuk beri komentarmu ya......terima kasih.
    »»  READMORE...

    Cara Pasang Script Alert pada Blog

    Script Alert Pada Blog – Memasang script alert pada blog bisa kita gunakan sebagai salah satu solusi untuk memberikan pesan atau imbauan tertentu kepada para pembaca blog kita. Pemberian pesan yang ditampilkan dalam alert ini cukup efektif karena pesan akan muncul di saat pertama kali pengunjung membuka halaman blog kita. Sehingga, pesan yang ingin disampaikan akan lebih efektif untuk dibaca.

    Pemberian alert pada blog ini dapat kita gunakan untuk memberikan pesan pada momen atau peristiwa tertentu. Misal, saat tahun baru tiba kita dapat memberikan alert di blog yang isinya ucapan tentang selamat tahun baru kepada para pembaca kita. Selain terlihat atraktif, pemasangan alert di blog ini juga dapat lebih merekatkan komunikasi antara kita sebagai pemilik blog dengan para pengunjung jika isi dari pesan yang kita sampaikan bersifat informatif atau sekadar menyapa.

    Pemasangan alert ini cukup menempelkan script alert di blog. Selanjutnya, pesan yang disampaikan akan muncul ketika pertama kali pembaca membuka halaman blog kita.

    Adapun cara untuk pemasangan alert di blog ini adalah sebagai berikut:

    Masuk ke dalam akun blogger kita.

    Klik rancangan.

    Klik tambah gadget.

    Pilih HTML/JavaScript.

    Masukan kode berikut.


    <script type="text/javascript">
    alert('Pesan Alert')
    </script>


    Klik simpan dan selesai.

    Keterangan:

    Ganti  Pesan Alert dengan pesan yang ingin kita sampaikan melalui alert kepada pengunjung di blog kita.

    Kita juga harus bijak dalam menentukan apakah perlu untuk memasang alert di blog atau tidak. Jangan sampai pemasangan ini mengganggu fokus pembaca dalam mengunjungi
    blog kita hingga membuat mereka merasa kesal karena tampilan alert yang mengganggu.

    Pemasangan alert lebih bagus dipasang pada blog yang isi kontennya bersifat kontroversial, sehingga perlu ada peringatan dini kepada pengunjung sebelum membukanya. Pemasangan alert ini juga bisa dipasang untuk sementara waktu. Misal, untuk memperingati momen tahun baru, hari raya nasional, dan hari raya keagamaan.

    »»  READMORE...

    Memasang Gambar di Sudut Blog

    Memasang gambar di sudut blog adalah salah satu trik untuk membuat blog kita kelihatan lebih menarik. pemasangan gambar bisa di sudut atas, kiri,kanan dan bawah. untuk membuat nya sangat lah mudah. bagi yang berkenan ikuti langkah-langkah di bawah ini

    • Log in dulu ke blogger
    • Tata letak
    • Edit HTML
    • Cari kode ]]></b:skin>
    • letakkan kode berikut di atas kode ]]></b:skin>
      #anima_sudut {
      position:fixed;_position:relative;top:0px; left:0px;
      clip:inherit;
      _top:expression(document.documentElement.scrollTop+
      document.documentElement.clientHeight-this.clientHeight);
      _left:expression(document.documentElement.scrollLeft+
      document.documentElement.clientWidth - offsetWidth); }
    • Ganti kode yang berwarna biru dengan posisi image yang kamu inginkan (ex : top=atas, bottom=bawah, right=kanan, left=kiri)
    • Kemudian tambah kan kode di bawah ini diatas kode </body>

      <div id='anima_sudut'>
      <a href='http://mawashare.blogspot.com/'>
      <img alt='' border='0'
      src='http://i647.photobucket.com/albums/uu191/ariamsi/disiniann.gif'/></a>
      </div>
    • Ganti kode yang berwarna merah dengan alamat blog kamu dan alamat penyimpanan image kamu
    • Kemudian simpan tamplate.

    Selamat mencoba...........
    »»  READMORE...

    Cara Membuat Random Post di Blog

    Random Post Widget Di Blog - Gimana sih cara buat random post diblog ? atau lebih dikenal membuat artikel blog secara acak. Dengan tujuan Random Post ini untuk menampilkan artikel-artikel lama kita pada halaman blog secara acak, dengan demikian kemungkinan artikel yang terdahulu dapat dilihat oleh pengunjung.

    Langsung saja ke inti pembahasan cara membuat random post Di Blog. yang Kali ini blog saya akan memberikan share tips Cara Membuat Random Post Di Blog, dan yang pasti masih seputar tutorial blog.
    • Buka akun Blogger atau Blogspot sobat
    • Masuk ke menu rancangan dan pilih add widget
    • Lalu Pilih Html/javascript

    Setelah itu masukkan code random post dibawah ini :
    <script type="text/javascript">
    var randarray = new Array();var l=0;var flag;
    var numofpost=10;function randomposts(json){
    var total = parseInt(json.feed.openSearch$totalResults.$t,10);
    for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
    if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
    for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
    for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
    document.write(item);}}
    }document.write('</ul>');}
    </script>
    <script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

    NB : Angka yang berwarna Kuning diatas adalah jumlah post yang ingin ditampilkan di widget blog sahabat.jadi ubah sesuai selera anda masing-masing untuk menampilkan jumlah random post tersebut. yang penting minumnya tetap "Teh Botol Sosro" ...:D
    Klik save dan selesai.monggo dilihat Random Post Blog hasilnya.

    mudah bukan Cara Membuat Random Post Di Blog.selamat mencoba dan semoga bermanfaat.
    salam hangat dan sahabat dari saya.Mawashare

     
    »»  READMORE...

    Cara Membuat Text Area Otomatis

    Kali ini blogger kontes seo :: seomelekete.com akan berbagi sedikit tips yang mungkin sobat perlukan untuk membuat teks area yang otomatis dan manjur seperti yang dapat sobat lihat pada bagian kanan sidebar.

    Jika sobat arahkan kursor pada kotak maka teks yang berada dalam area langsung ke blok sehingga tinggal dicopy tanpa repot.

    Sangat cocok untuk keperluan untuk menyediakan link, agar bisa dipasang di blog teman anda agar tidak lupa nama blog sobat.

    htmlnya sebagai berikut :

    <div>
    <form name="PujiantoroStyle">
    <div align="left" style="margin-bottom: 0pt; margin-top: 0pt;">
    <textarea ;="" cols="10" name="txt" onmouseover="this.form.txt.select()" readonly="readonly" rows="4">&lt;a href="http://www.seomelekete.com"&gt;Blog Kontes Seo&lt;/a&gt;</textarea></div>
    </form>
    </div>
    »»  READMORE...

    Menampilkan foto profil pada komentar blog

    Langsung saja,cara menampilkan foto profil pada komentar blogger caranya sebagai berikut:
    1. Login ke blogger, setelah masuk klik pengaturan, lalu pilih pengaturan komentar.
    2. Pada pilihan Tampilkan gambar profil dalam komentar? sobat pilih ya.
    3. Lalu klik simpan setelan. Sampai ada keterangan Setting Telah Berhasil Disimpan. Dan lihat hasilnya, Silakan dicoba dengan menulis komentar dengan ID blogger sobat pada salah satu posting. apakah gambar/foto profilnya sudah muncul alias terlihat?Jika terlihat, berarti cara menampilkan foto profil/avatar komentar di blogger cukup sampai disini. Sebaliknya, jika gambar profilnya masih belum muncul juga. Sobat perlu melakukan langkah tambahan sebagai berikut:
    4. Masih dalam keadaan login. Klik rancangan, lanjut dengan mengklik Edit html.
    5. Untuk mengantisipasi jika nanti terjadi kesalahan. Backup template dengan cara: klik link download template lengkap.
    6. Setelah selesai, beri centang pada kombo disamping expand template widget
    7. Selanjutnya cari kode:

      ]]></b:skin>
    8. Setelah ketemu, tepat diatasnya taruh kode berikut:

      #comments-block .avatar-image-container img {background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJBX62l3XsTytvmaKD7KQqoMdbLWZB2qtEdYuCTHBfdOb67472ukVfkjbeXSmpar9rIyj1-Dyfny0oSOGd_QPxnh8d1V1B_tHcM6l2GWklFrp-xwFE_5IpzOwqbCvek1iqhhRkGfl3-KFU/) no-repeat left top; width:35px;height:35px}

      Pada teks berwarna merah adalah URL gambar avatar yang disimpan pada file hosting. Sobat bisa menggantinya dengan avatar pilihan sobat,kode merah itu adalah tampilan avatar untuk anonimous pada blog kamu.
    9. Lanjut dengan mecari kode:

      <dl id='comments-block'>
    10. Hapus kode tersebut lalu ganti dengan kode berikut:

      <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
    11. Masih belum selesai, terakhir cari:

      <a expr:name='data:comment.anchorName'/>
    12. Lalu hapus dan ganti kode tersebut dengan
      kode seperti dibawah ini:

      <b:if cond='data:comment.favicon'>
      <img expr:src='data:comment.favicon'/>
      </b:if>
      <a expr:name='data:comment.anchorName'/>
      <b:if cond='data:blog.enabledCommentProfileImages'>
      <div expr:class='data:comment.avatarContainerClass'>
      <data:comment.authorAvatarImage/>
      </div>
      </b:if>
    13. Selesai mengutak-atik kode diatas. Langkah terakhir Klik simpan template.

    Jika berhasil, akan muncul keterangan perubahan anda telah disimpan 'lihat blog'.

    Untuk melihat hasilnya. lakukanlah ujicoba dengan memberi/mengetik komentar pada salah satu postingan blog sobat dengan ID blogger (dalam keadaan login). Otomatis foto profil akun blogger sobat akan terlihat. Coba juga dengan ID anonim atau NAME/URL. Maka yang muncul adalah gambar avatar yang sudah ditentukan oleh sobat.

    Nah, kurang lebih begitulah Cara menampilkan foto profil/avatar komentar di blogger. Seperti yang pernah saya lakukan pada template ini. Selamat mencoba!
    »»  READMORE...

    Membuat Button Follow dan Dashboard ala Tumblr

    Nah, kali ini kita akan membuat button follow yang meniru seperti Tumblr. Tumblr adalah satu platform untuk ngeblog. Jika melihat blog di bawah layanan Tumblr maka di pojok kanan atas selalu ada button follow dan dashboard. Contoh blog itu bisa dilihat di sini.

    Sekarang kita akan membuat button seperti yang ada di blog Tumblr. Dengan button tersebut akan mempermudah dan lebih menarik pengunjung blog untuk follow atau mengikuti. Tentunya follow itu lewat google friend connect (GFC). Itu artinya cara baru untuk gabung ke GFC dari blog milik kita. Semakin banyak yang mengikuti blog kita bisa menjadi parameter kebermanfaatan dan kepopuleran sebuah blog. Tentunya selain itu semakin banyak yang follow semakin banyak yang berlangganan semakin
    banyak pengunjung.

    Cara Membuat Button Follow dan Dashboard ala Tumblr
    1. Login ke blogger
    2. Pilih Rancangan kemudian Tambah Gadget
    3. Pilih HTML/JavaScript
    4. Masukan kode berikut ini
    <div style="position: fixed; top: 5px; right: 93px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=5069428392280954069" target="_blank" rel="nofollow" title="Follow" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://3.bp.blogspot.com/-feYAFwQF-GM/TtOSBVXcMmI/AAAAAAAAHvk/GH1PZPVvU7c/follow.png" border="0" /></a><div style="display:scroll; position:fixed; top:5px; right:5px;"><a class="linkopacity" href="http://kurniasepta.blogspot.com" target="_blank" rel="nofollow" title="Dashboard" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-N61PPu_1haE/TtOSBZgZikI/AAAAAAAAHvc/vIEC_dYpIVo/dashboard.png" /></a></div>

    5. Kode berikut 5069428392280954069 adalah blog ID yang mana setiap blog berbeda. Ganti kode tersebut dengan blog ID mu sendiri. Bisa kita ketahui dari addres bar saat kita membuta entri baru (misalnya; http://www.blogger.com/post-create.g?blogID=5069428392280954069)
    6. Untuk button Dashboard link tersebut (http://kurniasepta.blogspot.com) bisa kita arahkan ke halaman utama blogger.com tapi saya lebih memilih mengarahkannya ke halaman utama blog.
    7. Simpan jika sudah selesai.
    »»  READMORE...

    Cara Membuat Readmore Otomatis pada Blog

    Pertama., .silakan masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template" atau lihat gambar di bawah ini :

    cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.
    <script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

    KEDUA, cari kode html berikut ini :
    <data:post.body/> atau <p><data:post.body/></p>

    ganti kode tersebut dengan kode di bawah ini :
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
    <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
    </script>
    <span class='rmlink' style='float:right;padding-top:20px;'>
    <a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

    Keterangan : tulisan yang berwarna merah adalah yang bisa anda ganti.
    ==> Summary noimg 430 = tinggi artikel terpenggal tanpa image
    ==> Summar img 430 = tinggi artikel terpenggal dengan image
    ==> Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll.


    »»  READMORE...

    cara pasang like button di setiap posting

    1. Cara pasang like button di postingan pertama login ke blogger, kemudian pilih menu Layout> Edit HTML.
    2. Backup template anda terlebih dahulu.
    3. Periksa kotak centang Expand Template Widget. (Jangan lupa untuk download template untuk keamanan)
    4. Cari kode di bawah ini:  <data:post.body>
    5. Setelah anda mendapatkan kode diatas , anda taruh kode berikut ini di bawah kode diatas


    <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=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/>

     Ingat apabila anda sudah memakai navigasi breadcrumb maka kode html diatas akan ada dua ,, anda cari yang kedua nya


    6. Simpan template dan lihat hasilnya.


    Caranya sangat mudah kan untuk pasang like button di posting , silahkan anda tinggal komentar kalau ada yang ingin ditanyakan
    »»  READMORE...

    Cara membuat tombol Reply Komentar


    Cara membuat tombol Reply Komentar atau membuat tombol jawab komentar yang di gunakan untuk menjawab komentar pada suatu artikel.
    Setelah kemarin memposting tentang membuat ucapan terima kasih pada kotak komentar. Pada platform wordpress tombol Reply ini sudah tersedia baik yang berbayar maupun yang gratisan dan tampilan kotak komentar sempurna. Jika ada komentar yang di balas maka balasan komentar tersebut akan berada agak menengah.
    Tapi yang akan Blogtegal bahas disini yakni membuat tombol Reply pada blogspot atau yang biasa disebut Thread Reply Button.
    Walaupun tampilan yang di hasilkan tidak sesempurna wordpress namun terbilang cukuplah buat yang gratisan
    Apakah anda sudah siap lets do it.
    • Login ke dashboard blogspot kamu.
    • Klik ''Entri Baru'' untuk mendapatkan nomor blogID kamu.
    • Perhatikan alamat pada address bar, sorot dan copy pada nomor blogID nya.
      Contoh nomor blogID dari http://mawashare.blogspot.com yakni
      http://draft.blogger.com/post-create.g?blogID=
      1478045503386211722 ****
    • selanjutnya pilih Rancangan »» Edit HTML
    • tandai pada tulisan 'Expand Template Widget'
    • kemudian cari kode <data:commentPostedByMsg/>
    • Tempatkan script berikut dibawah kode diatas.
      <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=1478045503386211722 **** &amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E%3A%20#form&quot;' onClick='javascript:window.open (this.href,&quot;bloggerPopup&quot;,&quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450,&quot;); return false;' style='padding:0px 5px; border:1px solid #ddd;'>Reply Comment</a>
      </b:if>
    • terakhir Simpan template
    Ganti nomor blogID yang berwarna ungu dengan kode blogID milik kamu yang telah kita dapat tadi dan Pada tulisan yang berwarna ungu pada tulisan ''Reply Comment'' bisa di ganti dengan gambar, cara penulisannya yakni <img src='http://alamat-gambar-kamu.jpg'/> Ingat: hanya pada tulisan yang berwarna ungu yang di ganti
    Oh ya jika kamu tidak menemukan kode <data:commentPostedByMsg/> pada template kamu maka cara lainnya adalah tempatkan script yang diatas, dibawah kode berikut <b:include data='comment' name='commentDeleteIcon'/></span> Jadi nantinya akan menjadi seperti ini
    <b:include data='comment' name='commentDeleteIcon'/></span> Script kode tombol reply disini bla bla bla . . . . . . . . . . . . . . . . . . . . . . .
    Mudah bukan dalam membuat tombol Reply komentar blogspot mudah bukan. Selamat berexperimen
    »»  READMORE...

    Cara Membuat Recent Post Model Slide

    kali ini saya share tentang Cara Membuat Recent Post Model Slide, Tapi sebelumnya saya akan menjelaskan secara singkat apa itu Recent Post..? Recent Posts adalah widget yang menampilkan beberapa judul posting terbaru, yang bisa anda tampilkan pada sidebar sehingga pengunjung lebih mudah mengetahui posting-posting yang terbaru.

    Biasanya recent post hanya menampilkan link judul atau dengan Thumbnail Image. Namun sekarang ada yang sedikit berbeda yaitu recent post dengan Thumbnail Image dengan model Slide Show (bergerak turun).

    Jika sobat berminat dan ingin membuatnya, ikuti langkahnya sebagai berikut :

    1. Login ke akun Blogger sobat
    2. Klik Perancangan >> Elemen Laman
    2. Klik Tambah Gadget
    3. Pilih HTML/Javascript
    4. Masukan kode berikut :


    <style type="text/css">
    #rp_plus_img{height:282px;overflow:hidden;border:solid 0px #585858;padding:6px 10px 14px 5px;background-color:none;}
    #rp_plus_img ul{list-style-type:none;margin:0;padding:0}
    #rp_plus_img li{border:0; margin:0; padding:0; list-style:none;}
    #rp_plus_img li{height:60px;padding:5px;list-style:none;}
    #rp_plus_img a{color:#000;}
    #rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:4px;font-size:11px;}
    #rp_plus_img .news-text{display:block;font-size:10px;font-weight:normal !important;color:#282828;text-align:justify;}
    #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 0px #585858;width:55px;height:55px;}
    </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://rizki-khaizir.googlecode.com/files/recentpostslidethumbnails.js"></script>
    <script type="text/javascript">
    var speed = 400;
    var pause = 2500;
    $(document).ready(function(){
    rpnewsticker();
    interval = setInterval(rpnewsticker, pause);
    });
    </script>
    <ul id="rp_plus_img">
    <script style="text/javascript">
    var numposts = 25;
    var numchars = 75;
    </script>
    <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
    </ul>
    5. Klik Simpan
    6. Lihat hasilnya.

    Keterangan dan Catatan :

    Untuk membuat halaman menjadi lebih tinggi, gantilah nilai height:282px sesuai keinginan;
    Untuk mengganti kecepatan, rubahlah nilai var speed = 400; sesuai keinginan sobat;
    Rubahlah nilai var numposts = 25; untuk menampilkan jumlah postingan;
    Rubahlah nilai var numchars = 75; untuk mempilkan jumlah karakter;
    Feed sobat harus diset "Penuh" melalui "Pengaturan - Feed Situs - Izinkan Feed Blog : Penuh" atau sobat bisa langsung masukkan feeds sobat dalam script tersebut.
    Selamat mencoba, sobat juga bisa meng-otak-atik script sesuai kehendak sobat asalkan sobat mengerti. Semoga berhasil dan bermanfaat.
    rating 4.5
    »»  READMORE...

    Cara Mengganti Gambar Kursor di Blog

    Cara Mengganti Kursor di Blog Dengan Gambar atau Cara Mengubah Tampilan Kursor Blog or key Cara Mengganti Tampilan Kursor Di Blog and keyword Google Cara Mengubah Tampilan Kursor Pada Blog tutorial kali ini membahas Cara Mengubah Tampilan Kursor Blog sobat tentunya bagi yang ingin blog nya berbeda dari segi kursor.

    Secara default, tampilan cursor pada blog adalah berbentuk panah namun bagi anda yang merasa bosan dengan tampilan tersebut atau ingin memberi decak kagum bagi pengunjung. Anda bisa menggantinya dengan icon gambar sehingga jika ada pengunjung yang datang ke blog anda, tampilan kursornya akan berubah sesuai dengan icon yang anda gunakan. Agar lebih jelas anda bisa lihat disini.
      
    Cara Mengganti Kursor di Blog Dengan Gambar atau Cara Mengubah Tampilan Kursor Di Blog or key Cara Mengganti Tampilan Kursor Di Blog and keyword Google Cara Mengubah Tampilan Kursor Pada Blog, caranya sangat mudah. Berikut langkah-langkahnya:

    1. Login ke Blogger. Masuk ke menu Design->Edit HTML
    2. Cari kode </head>
    3. Letakkan kode css berikut diatasnya

    <style type="text/css">
    HTML,BODY{cursor:url("http://downloads.totallyfreecursors.com/thumbnails/cool1.gif"), auto;}
    </style>


    Keterangan:
    Teks yang berwarna merah adalah alamat url kursor. Silahkan ganti dengan alamat url kursor yang ingin anda gunakan.
    4. Setelah itu, simpan template anda. Selesai

    Jika anda tidak memiliki icon kursor, coba kunjungi http://www.totallyfreecursors.com. Situs tersebut menyediakan ratusan hingga ribuan icon kursor menarik yang bisa anda pilih sesuai selera. tinggal pilih gambar mana yang anda suka

    Source = http://m-wali.blogspot.com/

    semoga artikel Tutorial Blog Cara Mengganti Kursor di Blog Dengan Gambar atau Cara Mengubah Tampilan Kursor Blog or key Cara Mengganti Tampilan Kursor Di Blog and keyword Google Cara Mengubah Tampilan Kursor Pada Blog Bermanfaat buat sobat semua...

     
    »»  READMORE...

    Cara Cepat Mencari Kata di HTML TEMPLATE

    Sebenar nya ini adalah cara yang sangat sederhana,tapi sangat penting.

    Mungkin hampir semua blogger sudah tau cara ini,tapi untuk yang benar-benar pemula belum tau cara cepat mencari kode HTML.

    Kode HTML bisa kita akses melalui LAYOUT-->EDIT HTML

    Disana anda akan melihat semua kode HTML dari blog kita
    .Terdiri dari banyak bagian.

    Kode HTML diperlukan untuk mengutak atik blog kita agar menjadi lebih menarik.
    Nah cara cepat untuk mengetahui letak kode HTML yang kita cari adalah dengan cara:

    1.Klik CTRL+F secara bersamaan.Maka akan muncul kotak kecil di bawah.

    2.Kamu ketik kode HTML yang kamu cari,atau kamu copy paste saja

    3.Maka otomatis kode HTML yang kamu cari akan keluar

    4.Untuk memunculkan kembali kode HTML yang anda cari,maka anda tinggal klik saja kata PREVIOUS

    5.Selesai.

    Gimana?sangat sederhana bukan?
    »»  READMORE...

    Cara Membuat Button Share di Postingan Blog

    Share Button (tombol bagi) merupakan widget untuk membagi postingan ke acount lain yang ingin dibagi. Seperti halnya share button facebook. Akan tetapi yang saya tawarkan menurut pengalaman saya yaitu bentuk share button yang memiliki banyak acount pilihan.

    Sebenarnya bila Anda memakai template default yang ditawarkan oleh blogger.com, share button ini sudah ada. Akan tetapi jika anda ingin menambah atau menggantinya, inilah caranya:

    1. Kunjungi situs addthis.com lalu lakukan registrasi (gratis dan tidak banyak aplikasi yang diisi alias simple)
    2. Lalu pilih menu 'GetAddThis'
    3. Pilih jenis situs Anda (untuk otomatis pemasangan di template dan Untuk blogger, silakan klik logo blogger.com)
    4. Setelah itu pilih 'style' yang di inginkan.
    5. klik 'Instal blogger widget' (dengan sebelumnya Anda sudah login di blog Anda)
    6. Atur tata letak dan selesai. [Read support from AddThis.com]
    Catatan.
    • Jika ada permasalahan, silakan lakukan pemasangan manual (dengan copy-paste kode script yang ditawarkan.
    • Adapun cara memasangnya yaitu:Login di blog/pilih 'Design'/'Edit HTML'/letakkan kode yang tadi di copy di bawah tag <div class='post-footer'>. [Read support from AddThis.com]
    • Untuk tata letaknya, silakan sesuaikan dengan keinginan Anda.
    »»  READMORE...

    Cara Tambahkan Pesan Informasi dibawah Komentar Posting Blog

    Kotak komentar merupakan salah satu yang dicari para pengunjung untuk menanyakan sesuatu atau hal-hal info lainnya, dan ini menarik bila pemilik blog ingin menyertakan informasi pesan khusus dibawah kotak POSKAN KOMENTAR seperti info untuk tidak melakukan pesan atau info lainnya.

    Nah, sekarang bagaimana cara membuat itu ?

    1. Login ke akun Blogger
    2. Pilih Tata Letak
    3. Klik Edit HTML
    4. Klik centang Expand Template Widget

      Centang Expand Template Widget
    5. Cari kode persis seperti ini:

      <p><data:blogCommentMessage/></p>
    6. Masukkan pesan info anda tepat dibawah koda tersebut
    7. Simpan Templatenya
    8. Selesai

    »»  READMORE...

    Cara Pasang Google Translate di Blog


    Pasang google translate di blog jika ingin blog bisnis online anda go international. Agar tulisan dibaca lebih banyak orang dari penjuru dunia. Google Translate otomatis menerjemahkan isi blog ke dalam bahasa yang di pilih.

    Cara pasang google translate di blog blogspot sangat mudah. Ikuti langkah pasang Google Translate berikut ini :

    1. Pergi ke halaman Google Translate dengan alamat http://translate.google.com/translate_tools?hl=en

    2. Atur tampilan Google Translate sesuai keinginan, lalu copy kode script Google Translate

    3. Login ke blogger.com dan klik "Design"

    4. Pada tab "Page Elements" klik "Add a Gadget" lalu klik "HTML/Javascript atau tanda plus (+)

    5. Paste kode script Google Translate pada bagian Content dalam HTML/Javascript

    6. Lalu simpan dengan klik "Save", selesai.

    Itulah cara pasang Google Translate di Blog Blogspot. Siap-siap dapat komentar dari blogger luar negeri. Apakah anda merasa perlu memasang translator di blog?
     
    »»  READMORE...

    Cara Membuat Tulisan Judul Blog Berjalan

    langsung saja bro..,,hahahaha..pengen tau caranya membuat tulisan judul blog berjalan, ikuti langkah-langkahnya sebagai berikut:

    1. Mauk ke Design > Edit HTML
    2. setelah itu cari code </head> [CATATAN: tekan CTRL + F untuk mempermudah pencarian]
    3. Jika sudah ketemu, copy paste code dibawah ini tepat diatas code </head>

    <script type='text/javascript'>
    //<![CDATA[
    msg = "
    --- Elang Ajib ";
    msg = "
    | Elang Ajib Blogger Jogja Berhati Nyaman --- " + msg;pos = 0;
    function scrollMSG() {
    document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
    if (pos > msg.length) pos = 0
    window.setTimeout("scrollMSG()",100);
    }
    scrollMSG();
    //]]>
    </script>
     
    CATATAN: Ganti tulisan berwarna biru dengan tulisan sesuka mu bro..biar lebih maksimal.^^
    Oke, selamat mencoba Cara Membuat Tulisan Judul Blog Berjalan
    »»  READMORE...

    Membuat Link Hover Dengan Bintang Berpijar Diblogspot

    Cara Membuat Link Hover Dengan Bintang Berpijar Diblogspot,Link Hover Dengan Bintang Berpijar mungkin mendengar judulnya saja anda mungkin sudah banyak yang tahu, karena saya mengira masih banyak yang belum tau Cara Membuat Link Hover Dengan Bintang Berpijar ini maka saya share aja. Supaya anda tidak suntuk dan mengantuk, coba langsung terapkan diblog anda dengan cara berikut :
    • Masuk ke blogger.
    • Pilih Rancangan - Edit Html
    • Kemudian anda cari kode a:hover {
    • Tambahkan kode berikut kedalamnya :

    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6eGyOAbyJYcPNHuF8jMFO5O_JLqfQolkEobg4Y2fkRCwHm4KKS-mok0HS0p5MitJ-KqZrzp-5jt0fGIpxWOoE1Ap96h2vUCCojit0ONcTEyPYfh84TdcUn1U0q19zHl2jQ5eoj9fAjcqL/s1600/stars.gif); 

    • sehingga susunanya menjadi seperti ini :
    a:hover { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6eGyOAbyJYcPNHuF8jMFO5O_JLqfQolkEobg4Y2fkRCwHm4KKS-mok0HS0p5MitJ-KqZrzp-5jt0fGIpxWOoE1Ap96h2vUCCojit0ONcTEyPYfh84TdcUn1U0q19zHl2jQ5eoj9fAjcqL/s1600/stars.gif);}
    • Lalu Save Template.
    Semoga Cara Membuat Link Hover Dengan Bintang Berpijar Diblogspot berguna dan bermanfaat bagi anda. 
    »»  READMORE...

    cara membuat menambahkan tombol reply pada komentar blog


    Oia buat sobat yang ingin mengganti template blog, mungkin bagi sobat ada yang bosan dengan template lama. Langsung aja yukh bagi yang ingin Membuat / Menambahkan Tombol Reply Pada Komentar Blog, silahkan ikuti langkah-langkahnya dibawah ini:

    1. Login Menggunakan account Blogger Sobat.

    2. Pada bagian Dasbor pilih tab Rancangan.

    3. Setelah itu pilih tab Edit HTML.

    4. Jangan lupa Centang tulisan Expand Template Widget.

    5. Cari kode dibawah ini. (gunakan Ctrl + f pada browser sobat untuk mempermudah pencarian).
    <data:commentPostedByMsg/>
    6. Setelah ketemu kode seperti di atas, Copy kode dibawah ini.
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=4378893982374898150&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E%3A%20#form&quot;' onClick='javascript:window.open (this.href,&quot;bloggerPopup&quot;,&quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450,&quot;);return false;' style='padding:0px 5px; border:1px solid #ddd; float:right'>Reply Comment</a>
    </b:if>
    7. Kemudian Paste kode diatas, Tepat dibawah kode
         <data:commentPostedByMsg/>
    8. Perhatikan angka yang berwarna merah pada kode diatas (blogID=4378893982374898150), ganti angka tersebut dengan angka blogID sobat.
    Hayoo dapet dari mana tuh angka blogID nya? tenang, cara mendapatkan angka blogID sobat gampang kok, Lihat langkah No.2 diatas, kemudian lihat pada address bar browser sobat, nah pasti kelihatan tuh angka blogID nya, copy angka blogID sobat, kemudian ganti angka yang berwarna merah tersebut dengan angka blogID sobat. Supaya lebih jelas lihat gambar dibawah ini.

    9. Langkah terakhir Save Template. dan lihat hasilnya, Tarrraaa...

    »»  READMORE...

    5 Cara Alami Memerangi Jerawat Membandel




    Timbulnya jerawat di wajah sering kali menganggu penampilan serta menghilangkan kepercayaan diri. Namun tak jarang, produk perawatan yang ditawarkan di pasaran tak mampu menghentikan timbulnya jerawat.


    Daripada mengobati, lebih baik mencegah timbulnya jerawat tersebut dengan cara alami. Kuncinya ada di gaya hidup kita. Simak caranya dalam enam langkah yang dikutip dari Carefair.com berikut ini.

    1. Perbanyak makan bawang putih

     
    Bawang putih dapat menghancurkan bakteri merugikan di pori-pori kulit. Selain itu bawang putih juga berfungsi meningkatkan sistem kekebalan tubuh, temasuk kulit. Sehingga timbulnya jerawat pun dapat dicegah.

    2. Sinari kulit dengan matahari


    Kulit memerlukan sinar matahari supaya terjaga kesehatannya sehingga sel-selnya dapat aktif secara sempurna. Biarkan kulit terkena sinar matahari pagi paling tidak 15 menit setiap harinya.

    3. Olahraga dan tidur cukup


    Stres yang Anda alami setiap hari juga akan memicu ketidakseimbangan hormon dan berakhir pada timbulnya jerawat. Olahraga dan tidur yang cukup akan membantu tubuh menstabilkan kembali hormon-hormon Anda.

    4. Cuci muka dengan air hangat


    Jerawat bisa timbul karena kotoran yang mengendap di pori-pori. Air hangat akan membuat pori-pori terbuka untuk sementara, sehingga sabun khusus wajah Anda bisa membersihkan kulit secara maksimal. Setelah bersih, basuh kembali wajah Anda dengan air biasa, agar pori-pori kembali menutup.

    5. Bersihkan tubuh dari racun


    Makanan yang kurang bersih dan polusi yang kita alami setiap hari dapat menjadi racun dan merangsang timbulnya jerawat di kulit. Cara membuang racun (detoksifikasi) yang alami adalah dengan meminum air putih yang cukup setiap hari. Racun-racun yang mengendap di dalam tubuh akan keluar bersama kotoran dan keringat, sehingga jerawat pun tak timbul.



    »»  READMORE...

    6 Makanan Penting untuk Warna Kulit Lebih Cerah


    Percuma saja menghabiskan ratusan ribu rupiah untuk produk pencerah kulit jika tak melakukan perawatan dari dalam. Dengan nutrisi yang baik, kulit jadi sehat dan otomatis terlihat lebih cerah. Makanan apa saja yang wajib dikonsumsi supaya kulit tak lagi gelap dan kusam

    1. Jeruk

    Semua jenis buah jeruk, termasuk jeruk bali, merupakan sumber vitamin C yang memiliki banyak manfaat untuk kulit. Vitamin C meningkatkan produksi kolagen dan elastin dalam tubuh kita, yang berfungsi untuk mengurangi kerutan dan menghambat penuaan kulit. Ia juga dipercaya dapat memperlambat produksi melanin, pigmen yang membuat kulit terlihat lebih gelap. Usahakan mengkonsumsi jeruk segar satu kali dalam sehari. Selain jeruk, tomat juga merupakan buah yang kaya vitamin C.

    2. Sayuran berwarna merah dan hijau

    Bayam, wortel, brokoli, dan kawan-kawannya mengandung banyak beta-carotene yang berfungsi sebagai antioksidan untuk kulit. Selain mencegah kerusakan sel, beta-carotene juga akan diubah oleh tubuh menjadi vitamin A yang berguna untuk memerangi jerawat, memproduksi sel kulit baru, dan membuat warna kulit terlihat cerah dan muda. Akan lebih baik jika vitamin A kita dapatkan langsung dari makanan dan bukan dari suplemen vitamin, karena kelebihan vitamin A justru dapat mengganggu kesehatan kita.

    3. Ikan

    Makhluk air ini kaya akan asam lemak Omega-3 yang merupakan resep utama untuk kulit yang cerah cemerlang. Selain itu, mengkonsumi sarden, tuna, atau salmon yang kaya protein dapat membantu melindungi kulit dari paparan sinar matahari dan polusi. Protein yang terkandung di dalamnya membantu reproduksi sel dan membuat kulit terlihat bercahaya.

    4. Alpukat

    Alpukat adalah sumber vitamin E. Ia berguna untuk menghambat penuaan dan membersihkan kulit dari segala noda seperti bekas jerawat, flek hitam, dan masalah lain. Mengonsumsi alpukat secara teratur juga akan mencegah kulit menjadi kendur seiring bertambahnya usia.

    5. Gandum

    Bisa didapat dalam bentuk sereal maupun roti, gandum mengandung biotin yang berfungsi membantu sel tubuh memproses lemak. Kekurangan biotin dapat menyebabkan kulit kering dan terlihat kusam.

    6. Minyak zaitun

    Makanan paling sehat untuk kulit? Salad buah dan sayuran yang diperciki minyak zaitun sebagai penyedap. Minyak ini mengandung asam lemak yang esensial untuk membuat kulit terlihat cerah, bercahaya, dan sehat.
    »»  READMORE...