Cara Membuat Contact Form Simple Dengan HTML

Cara Membuat Contact Form Simple Bergaya

Hanya beberapa hari yang lalu, Blogger memperkenalkan widget baru. Ini adalah tentang formulir kontak yang dapat Anda tambahkan ke blog Anda dengan mudah.

Hal ini sangat mendasar, karena - setidaknya untuk saat ini, tidak mengizinkan memasukkan file atau mengirim apa pun selain teks biasa.

Formulir kontak untuk Blogger memiliki beberapa fitur berikut:

Halaman untuk nama pengguna

Halaman untuk email

Halaman untuk pesan (textarea)

Tombol Kirim

Desainnya sederhana dan warna teks memvariasi bagian di mana Anda menambahkannya. Pada saat ini, widget ini tidak memiliki opsi konfigurasi dan tidak tersedia untuk dilihat dinamis.

Bagaimana Menambahkan Formulir Kontak Untuk Blogger                                                                                                           

Untuk menambahkannya ke blog Anda, cukup pilih tab Layout, kemudian klik Add gadget di bagian yang ingin Anda tampilkan, misalnya, di sidebar. Kemudian, pilih More gadget tab dan tambahkan gadget Form Kontak.

Dashboard Blogger

Contact Form Bergaya                                                                                                                               

Sebagai latar belakang yang transparan, formulir akan mengintegrasikan dengan baik, estetis berbicara, namun demikian itu adalah mudah untuk memodifikasi menggunakan Style Sheets (CSS) untuk pemilih yang sesuai. Berikut ini contohnya:

/* Contact Form Container */
.contact-form-widget {
width: 500px;
max-width: 100%;
margin: 0 auto;
padding: 10px;
background: #F8F8F8;
color: #000;
border: 1px solid #C1C1C1;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
border-radius: 10px;
}

/* Fields and submit button */
.contact-form-name, .contact-form-email, .contact-form-email-message {
width: 100%;
max-width: 100%;
margin-bottom: 10px;
}

/* Submit button style */
.contact-form-button-submit {
border-color: #C1C1C1;
background: #E3E3E3;
color: #585858;
width: 20%;
max-width: 20%;
margin-bottom: 10px;
}

/* Submit button on mouseover */
.contact-form-button-submit:hover{
background: #4C8EF9;
color: #ffffff;
border: 1px solid #FAFAFA;
}

Ini bagaimana gambar itu akan terlihat setelah menerapkan kode diatas :

Untuk menambah gaya ini, pergi ke Template> Edit HTML, klik tanda panah ke samping berikutnya <b: skin> ... </ b: skin> dan paste kode tepat di atas  ]] </ b: skin> (tekan CTRL + F untuk Temukan):

Dashboar blogger

Cara Tambah Kontak Form Dalam Sebuah Halaman Static                                                      

Pertama adalah dengan menambahkan Form Kontak gadget (Layout) dan kedua, untuk mengedit template (Template> Edit HTML) untuk menghapus sebagian besar gadget. Anda harus mencari id "ContactForm", memperluas widget dengan mengklik tanda panah hitam di sebelah kiri (sama dengan includable) dan kemudian menghapus bagian yang saya telah berwarna merah (lihat di bawah):

Dashboard Blogger

Bagian yang akan dihapus:

Klik Untuk Melihat Code

  <b:widget id='ContactForm1' locked='false' title='Contact Form' type='ContactForm'>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='contact-form-widget'>
    <div class='form'>
      <form name='contact-form'>
        <p/>
        <data:contactFormNameMsg/>
        <br/>
        <input class='contact-form-name' expr:id='data:widget.instanceId + &quot;_contact-form-name&quot;' name='name' size='30' type='text' value=''/>
        <p/>
        <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <input class='contact-form-email' expr:id='data:widget.instanceId + &quot;_contact-form-email&quot;' name='email' size='30' type='text' value=''/>
        <p/>
        <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;' name='email-message' rows='5'/>
        <p/>
        <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + &quot;_contact-form-submit&quot;' expr:value='data:contactFormSendMsg' type='button'/>
        <p/>
        <div style='text-align: center; max-width: 222px; width: 100%'>
          <p class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/>
          <p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/>
        </div>
      </form>
    </div>
  </div>
  <b:include name='quickedit'/>
</b:includable>
  </b:widget>

Setelah Anda menyimpan template, buka  Laman  dan paste kode berikut ke halaman kosong baru dengan judul yang Anda inginkan:

 <div class='widget ContactForm' id='ContactForm1'>
  <div class='contact-form-widget'>
    <div class='form'>
      <form name='contact-form'>
        <p>Name</p>
        <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
        <p>E-mail *</p>
        <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
        <p>Message *</p>
        <textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea>
        <input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Submit'/>
        <p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>
        <p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>
      </form>
    </div>
  </div>
</div>

Pesan akan dikirim ke email yang sama yang Anda telah terdaftar di Blogger.

Itu dia! Jika Anda memiliki pertanyaan atau komentar silahkan posting di bawah ini.

Atau bisa juga dengan berkomentar :)

Cara Menambahkan Widget Related Posts Di Blogger Dengan Thumbnail

Cara Menambahkan Widget Related Posts Untuk Blogger Dengan Thumbnail

 

Berikut Cara Menambahkan Widget Related Posts Untuk Blogger / Blogspot

Sekarang di sini adalah cara yang indah untuk menampilkan posting blog Anda, bersama dengan thumbnail. Artikel terkait dipilih dari posting lain  yang sama dalam kategori / label / tag. Dengan  ini akan mengundang  banyak pembaca Anda akan tetap di situs Anda untuk waktu yang cukup lama ketika mereka melihat posting terkait dengan kepentingan mereka.

Artikel Terkait : Widget Related Posts Dengan Thumbnail 

Adapun Langkah - Langkahnya Sebagai Berikut :                                                          

Langkah 1. Masuk ke akun Blogger Anda  pergi ke Template > Edit HTML

Dashboard Blogger

Langkah 2. Klik di mana saja di dalam area kode dan tekan tombol CTRL + F:

Langkah 3. Cari potongan kode ini dan tambahkan di dalam kotak pencarian (tekan Enter untuk menemukannya):

</head>

Langkah 4. Copy dan paste kode di bawah sebelum / di atas </ head> tag:

Klik Untuk Melihat Code

<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts{float:left;width:auto;}
#related-posts a{border-right: 1px dotted #eaeaea;}
#related-posts h4{margin-top: 10px;background:none;font:18px Oswald;padding:3px;color:#999999; text-transform:uppercase;}
#related-posts .related_img {margin:5px;border:2px solid #f2f2f2;object-fit: cover;width:110px;height:100px;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; }
#related-title {color:#333;text-align:center;text-transform:capitalize;padding: 0px 5px 10px;font-size:12px;width:110px; height: 40px;}
</style>
<script type='text/javascript'>
//<![CDATA[
var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();var thumburl=new Array();function related_results_labels_thumbs(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;try{thumburl[relatedTitlesNum]=entry.gform_foot.url}catch(error){s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl[relatedTitlesNum]=d}else thumburl[relatedTitlesNum]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo12sNw9XJyv1FudgHxErn_nqatzyPSFvJ0kWq0yt1BfEG6jV3dM0jXzrHOmmL2h315iAzgn8FnlvKerchW7a6rePcLW8IhwbUUnJLkg-ZCZkIcHLkHini-VBp2Q7QgcJeXoG5VV-LpPqd/s1600/no-thumbnail.png'}if(relatedTitles[relatedTitlesNum].length>35)relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0,35)+"...";for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++}}}}function removeRelatedDuplicates_thumbs(){var tmp=new Array(0);var tmp2=new Array(0);var tmp3=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains_thumbs(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp3.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];tmp3[tmp3.length-1]=thumburl[i]}}relatedTitles=tmp2;relatedUrls=tmp;thumburl=tmp3}function contains_thumbs(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false}function printRelatedLabels_thumbs(){for(var i=0;i<relatedUrls.length;i++){if((relatedUrls[i]==currentposturl)||(!(relatedTitles[i]))){relatedUrls.splice(i,1);relatedTitles.splice(i,1);thumburl.splice(i,1);i--}}var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;if(relatedTitles.length>0)document.write('<h4>'+relatedpoststitle+'</h4>');document.write('<div style="clear: both;"/>');while(i<relatedTitles.length&&i<20&&i<maxresults){document.write('<a style="text-decoration:none;margin:0 4px 10px 0;float:left;');if(i!=0)document.write('"');else document.write('"');document.write(' href="'+relatedUrls[r]+'"><img class="related_img" src="'+thumburl[r]+'"/><br/><div id="related-title">'+relatedTitles[r]+'</div></a>');if(r<relatedTitles.length-1){r++}else{r=0}i++}document.write('</div>');relatedUrls.splice(0,relatedUrls.length);thumburl.splice(0,thumburl.length);relatedTitles.splice(0,relatedTitles.length)}
//]]>
</script>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

Catatan:                                                                           

- Untuk mengubah lebar dan tinggi thumbnail, memodifikasi nilai 110px dan 100px merah

- Untuk mengubah warna dan ukuran judul posting terkait, mengubah nilai warna biru

- Menghapus baris warna violet jika Anda ingin posting terkait yang akan ditampilkan  di homepage dan halaman posting.

Langkah 5. Cari baris bawah (Anda akan menemukan dua kali, tetapi Anda perlu berhenti di yang pertama):

<div class='post-footer'>

Langkah 6. Tepat di atas <div class = 'post-footer'> sisipkan kode ini:

<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=5&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle=&quot;<b>Related Posts:</b>&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div class='clear'/><div style="font-size: 9px;float: right; margin: 5px;"><a  style="font-size: 9px; text-decoration: none;" href="http://helplogger.blogspot.com/2012/03/how-to-add-related-posts-widget-to.html" rel="nofollow" >Related Posts Widget</a></div>
</b:if>
<!-- Related Posts with Thumbnails Code End-->

Catatan:                                                               

- Mengubah nilai 5 dari max-results = 5 dengan jumlah posting yang ingin anda ditampilkan.

- Jika Anda ingin posting terkait yang akan ditampilkan pada homepage juga,  menghapus baris dalam violet

Memperbarui! Jika Anda tidak dapat melihat widget related posts setelah menyimpan template, menambahkan kode (langkah 5) tepat di atas </ b: includable> tag yang dapat ditemukan di atas garis ini (CTRL + F untuk menemukannya):

<b:includable id='postQuickEdit' var='post'>

Untuk info lebih lanjut, klik gambar di bawah ini:

Dashboard Blogger

Langkah 7. Simpan Template dan hanya itu. Sekarang Widget Related Posts akan muncul di bawah setiap posting blog yang memiliki label di atasnya.

Nikmati!

Widget Related Post Dengan Thumbnail Untuk Blogger

Widget Related Post Dengan Thumbnail Untuk Blogger

 

Berikut Cara Membuat Widget Related Post dengan Thumbnail  di Blogger:

Ada beberapa tutorial cukup tua di mana Anda telah melihat metode yang berbeda untuk menampilkan posting terkait di Blogger seperti  :

Cara Menambahkan Widget Related Posts Dengan Thumbnail   ,
 
Menyederhanakan Widget  Related Posts .

Tutorial ini, akan menunjukkan cara untuk menerapkan benar-benar mengagumkan Widget Posts Related dengan thumbnail dan posting dengan cuplikan yang akan muncul di footer dari semua posting blog Anda.

Menambahkan Widget Related Posts dengan Cuplikan ke Blogger Posts                                                              

Langkah 1. Dari Dashboard Blogger , pergi ke Template dan klik Edit HTML

Dashboar blogger

Langkah 2. Klik di mana saja di dalam area kode dan kemudian tekan CTRL + F untuk membuka kotak pencarian Blogger

Dashboard blogger

Langkah 3. Ketik atau tempel tag ini di dalam kotak pencarian dan tekan enter untuk menemukannya:

</head>

Setelah Anda menemukannya, sisipkan script ini tepat di atas itu:

Klik Untuk Melihat Code

<script type='text/javascript'>
//<![CDATA[
var relatedTitles = new Array();
var relatedUrls = new Array();
var relatedpSummary = new Array();
var relatedThumb = new Array();
var relatedTitlesNum = 0;
var relatedPostsNum = 4; // number of entries to be shown
var relatedmaxnum = 75; // the number of characters of summary
var relatednoimage = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwx0Nr8zWujrsC6gklpLa1TjKCHzB97qiJr6Ouhqix0L_gba7L7288yP-Pd9VtX1saIdh9qNdCzxBCa5vqID-Q6I9PTQpDyAvwc0d2zKcsdpEsKdYhJicrIcpL8huTPxB6K3lHOQzHC-du/s1600/no_image.jpg"; // default picture for entries with no image
function readpostlabels(e){for(var t,r,l,a=0;a<e.feed.entry.length&&(t=e.feed.entry[a],a!=e.feed.entry.length);a++){relatedTitles[relatedTitlesNum]=t.title.$t,l="","content"in t?l=t.content.$t:"summary"in t&&(l=t.summary.$t),relatedpSummary[relatedTitlesNum]=removetags(l,relatedmaxnum),r="media$thumbnail"in t?t.media$thumbnail.url:relatednoimage,relatedThumb[relatedTitlesNum]=r;for(var d=0;d<t.link.length;d++)if("alternate"==t.link[d].rel){relatedUrls[relatedTitlesNum]=t.link[d].href;break}relatedTitlesNum++}}function showrelated(){for(var e=new Array(0),t=new Array(0),r=new Array(0),l=new Array(0),a=0;a<relatedUrls.length;a++)contains(e,relatedUrls[a])||(e.length+=1,e[e.length-1]=relatedUrls[a],t.length+=1,t[t.length-1]=relatedTitles[a],r.length+=1,r[r.length-1]=relatedpSummary[a],l.length+=1,l[l.length-1]=relatedThumb[a]);relatedTitles=t,relatedUrls=e,relatedpSummary=r,relatedThumb=l;for(var a=0;a<relatedTitles.length;a++){var d=Math.floor((relatedTitles.length-1)*Math.random()),n=relatedTitles[a],s=relatedUrls[a],m=relatedpSummary[a],i=relatedThumb[a];relatedTitles[a]=relatedTitles[d],relatedUrls[a]=relatedUrls[d],relatedpSummary[a]=relatedpSummary[d],relatedThumb[a]=relatedThumb[d],relatedTitles[d]=n,relatedUrls[d]=s,relatedpSummary[d]=m,relatedThumb[d]=i}for(var u,h=0,o=Math.floor((relatedTitles.length-1)*Math.random()),g=o,f=document.URL;h<relatedPostsNum&&(relatedUrls[o]==f||(u="<div class='relatedsumposts'>",u+="<a href='"+relatedUrls[o]+"' title='"+relatedTitles[o]+"'><img src='"+relatedThumb[o]+"' /></a>",u+="<h6><a href='"+relatedUrls[o]+"' target='_self'>"+relatedTitles[o]+"</a></h6>",u+="<p>"+relatedpSummary[o]+" ... </p>",u+="</div>",document.write(u),h++,h!=relatedPostsNum))&&(o<relatedTitles.length-1?o++:o=0,o!=g););}function removetags(e,t){for(var r=e.split("<"),l=0;l<r.length;l++)-1!=r[l].indexOf(">")&&(r[l]=r[l].substring(r[l].indexOf(">")+1,r[l].length));return r=r.join(""),r=r.substring(0,t-1)}function contains(e,t){for(var r=0;r<e.length;r++)if(e[r]==t)return!0;return!1}
//]]>
</script>

Catatan:

- Untuk mengubah jumlah posting yang ditampilkan, mengubah nilai merah (4)

- Untuk mengubah jumlah karakter yang akan ditampilkan dalam ringkasan posting, mengubah nilai hijau (75)

- Untuk mengubah gambar  default untuk posting tanpa gambar, tambahkan URL Anda  yang ditandai dengan warna biru

Langkah 4. Sekarang kita menambahkan script, kita perlu menambahkan gaya CSS. Hanya paste kode berikut di atas sama </ head>

<style>
.relatedsumposts {
padding: 0px 10px;
text-align: center;
/* width of the related posts area */
width: 120px;
float:left;margin-bottom:15px;
border-right: 1px dotted #E5E5E5;
display: inline-block;
}
.relatedsumposts h6 {
margin: 5px 0;
}
.relatedsumposts h6 a {
/* link properties */
color: #linkcolor;
text-transform: uppercase;
font-size:12px;
}
.relatedsumposts img {
/* thumbnail properties */
height: 82px;
width: 82px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.relatedsumposts p {
/* summary properties */
border-top: 1px dotted #E5E5E5;
border-bottom: 1px dotted #E5E5E5;
color: #summarycolor;
font-size: 10px;
height: 4em;
line-height: 1;
margin: 5px 0 0;
padding: 5px 0 15px 0;
}
#relatedpostssum {
width: 100%;
}
.relatedpoststitle {
font-size: 19px;
margin-bottom:15px;
}
</style>

Menyesuaikan Widget Related Posts:

- Memodifikasi nilai di 120px merah untuk menyesuaikan lebar area widget.

- Ganti #linkcolor dengan nilai hex warna untuk mengubah warna judul posting

- Jika Anda ingin mengubah ukuran thumbnail, mengubah nilai ditandai violet 82px

- Untuk menentukan kebulatan perbatasan, memodifikasi nilai dalam orange (50%)

- Untuk mengubah warna potongan pos, mengubah #summarycolor dengan nilai hex warna

Langkah 5. Selanjutnya, pencarian (CTRL + F) untuk potongan kode berikut:

<b:includable id='postQuickEdit' var='post'>

Ketika Anda menemukannya, klik tanda panah ke samping untuk memperluas kode dan gulir ke bawah sampai Anda menemukan </ b: includable> 
             
- Lihat screenshot untuk bantuan lebih lanjut:

Dashboard Blogger

Langkah 6. Letakkan di ATAS tersebut </ b: includable> tag, tambahkan kode html berikut:

<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=readpostlabels&amp;max-results=50&quot;' type='text/javascript'/>
</b:loop>
  <div class='post-footer-line post-footer-line-4'>
   <div class='relatedpoststitle'>RELATED POSTS</div>
<div id='relatedpostssum'>
      <script type='text/javascript'>showrelated();</script>
    </div>
    <div style='clear:both;'/>
  </div>
</b:if>
<!-- Related Posts with Thumbnails Code End-->

Screenshot

Langkah 7. Klik tombol "Simpan Template" untuk menyimpan perubahan dan Anda selesai!

Catatan: 

Jika anda melihat pesan 'undefined' , pastikan bahwa Anda telah menambahkan label yang tepat untuk posting Anda  yang dapat ditemukan di setidaknya satu posting, jika script mungkin tidak dapat menemukan posting terkait untuk  masuk.

Widget Sederhana Related Posts Untuk Blogger

Widget Sederhana Related Posts Untuk Blogger

Dalam tutorial terakhir, kita telah melihat bagaimana

Artikel Terkail :Cara Membuat Widget Related Posts Dengan Thumbnail  Untuk Blogger 

yang akan menampilkan posting terkait dengan thumbnail dari kategori yang sama, berdasarkan pada label yang diberikan, yang akan muncul hanya di akhir posting blog Anda.

Namun, mungkin beberapa dari Anda  lebih suka versi sederhana dari posting terkait widget yang akan menampilkan hanya judul posting.

Widget Sederhana Related Posts Untuk Blogger

Jika Anda ingin menambahkannya, ikuti langkah-langkahnya di bawah ini:

Cara Menambahkan Widget Related Posts Untuk Blogger                              

Langkah 1. Pergi ke 'Template' dan tekan tombol 'Edit HTML'.

Langkah 2. Setelah template editor terbuka, klik di mana saja di dalam area kode dan tekan tombol CTRL + F, kemudian ketik tag berikut di dalam kotak pencarian (tekan Enter untuk menemukannya):

</head>

Langkah 3. Tepat di atas </ head> tag, tempelkan kode ini:

Klik Untuk Melihat Code

<b:if cond='data:blog.pageType == &quot;item&quot;'><style type='text/css'>
#related-posts {
margin: 15px 0px;
}
#related-posts h2 {
font-size: 27px;
font-weight: normal;
color: #fff;
text-shadow: 1px 0px 2px #888;
margin-bottom: 0.75em;
}
#related-posts a {
font-size: 13px;
color: #949494;
text-transform: capitalize;
border-bottom:1px dotted #E2E2E2;
display:block;
padding:13px;
text-decoration: none;
}
#related-posts a:hover {
color: #555;
background: #F4F4F4;
}
#related-posts ul {
padding: 0px;
list-style-type: none;
background: #f9f9f9;
border-left: 5px solid #f2f2f2;
}
#related-posts li {
padding: 0px;
}
</style>
<script type='text/javascript'>
var relatedpoststitle=&quot;Related Posts&quot;;
</script>
<script type='text/javascript'>
//<![CDATA[
var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();function related_results_labels(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++;break}}}}function removeRelatedDuplicates(){var tmp=new Array(0);var tmp2=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp2[tmp2.length-1]=relatedTitles[i]}}relatedTitles=tmp2;relatedUrls=tmp}function contains(a,e){for(var j=0;j<a.length;j++){if(a[j]==e){return true}};return false}function printRelatedLabels(currenturl){for(var i=0;i<relatedUrls.length;i++){if(relatedUrls[i]==currenturl){relatedUrls.splice(i,1);relatedTitles.splice(i,1)}}var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;if(relatedTitles.length>1){document.write('<h2>'+relatedpoststitle+'</h2>')}document.write('<ul>');while(i<relatedTitles.length&&i<20&&i<maxresults){document.write('<li><a href="'+relatedUrls[r]+'">'+relatedTitles[r]+'</a></li>');if(r<relatedTitles.length-1){r++}else{r=0}i++}document.write('</ul>');relatedUrls.splice(0,relatedUrls.length);relatedTitles.splice(0,relatedTitles.length);}
//]]>
</script></b:if>

Menyesuaikan Widget Related Posts Untuk Blogger  Sederhana Mungkin

- Untuk mengubah ukuran (27px) dan warna (# fff) judul 'Posting terkait', mengubah nilai-nilai merah.

- Untuk posting warna link terkait, ganti nilai # 949494 hijau.

- Untuk mengubah warna latar belakang, menggantikan #f9f9f9 warna hex merah (Anda dapat menggunakan kode ini Generator Warna untuk memilih warna favorit Anda).

- Untuk warna latar belakang pada mouseover, mengubah nilai # F4F4F4 merah.

Langkah 4. Sekarang cari (CTRL + F) baris di bawah ini:

<b:includable id='postQuickEdit' var='post'>

Langkah 5. Ketika Anda menemukannya, klik tanda panah ke samping untuk memperluas kode dan gulir ke bawah sampai Anda menemukan </ b: includable>                                  
- Lihat screenshot untuk bantuan lebih lanjut:

Dashboard blogger

Langkah 6. Tepat di atas </ b: includable> paste kode di bawah ini:

<b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'> var maxresults=5; removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;); </script><a style="font-size: 9px; color: #CECECE; float: right;" href="http://helplogger.blogspot.com/2012/04/simple-related-posts-widget-for-blogger.html" rel="nofollow" >Simple Related Posts Widget</a></div></b:if>

Catatan: Untuk mengubah jumlah posting maksimum terkait untuk setiap label, ubah nilai 5 dari max-results = 5 "

Langkah 7. Simpan perubahan dengan mengklik tombol 'Save Template' dan kunjungi  blog Anda - klik salah satu  posting Anda untuk melihat posting terkait widget sederhana untuk Blogger .

Nikmati! Saya tunggu anda dikomentar :)

5 Tips Membangkitkan Semangat Ngeblog

5 Tips Membangkitkan Semangat Ngeblog

Berikut  5 Tips Membangkitkan Semangat Ngeblog

Masing-masing dari kita mengalami fase rendah di beberapa titik waktu. Kami menempatkan kesalahan pada kecenderungan emosional, Kesehatan, atau keadaan lainnya. Kebenaran hanya ada satu dan  orang yang bertanggung jawab ketika merasakan  kesedihan, kebosanan, atau depresi: itu adalah Anda!
             
Setiap kali saya bertanya kepada teman saya  yang merassakan keaadaan tertekan itu selalu jawaba nya sama , saya selalu  menerima tanggapan campuran seperti:

Mereka sedih/bosan/tertekan karena itulah respon alami mereka harus menampilkan untuk situasi tertentu.

Mereka merasa rendah karena tidak ada yang luar biasa yang terjadi dalam hidup mereka.

Mereka merasa kecewa karena perasaan mereka terluka, dan perasaan terluka reaksinya jelas setelah mendapatkan terluka, bukan?

Mereka hanya ingin boleh ditinggalkan sendirian dengan penderitaan mereka. Kesimpulan logis bahwa mereka entah bagaimana ingin merasa rendah.

Televisi melo dramatis, music menyedihkan, kebiasaan makan yang tidak sehat dan latihan minimal secara langsung terkait dengan suasana hati seseorang. Efek dari kebiasaan ini mungkin tidak segera jelas, tetapi membiarkan mereka menjalankan kurun waktu tersebut,  mereka akan mulai mempengaruhi stabilitas emosi Anda.

Saya di sini untuk menawarkan beberapa motivasi-motivasi untuk orang-orang terjebak dalam emosi yang secara langsung mempengaruhi produktivitas dan sikap kerja mereka.Tanpa lebih lanjut pengenalan, mari kita pergi ke lima tips utama dan penting yang dapat Anda gunakan dalam kondisi yang sedang turun (down).

Sesederhana mungkin, Saya tidak akan berlama – lama langsung saja, Anda dapat mengalami hasilnya  sendiri.

Cara Untuk Mengangkat Suasana Hati Anda Ketika Anda Tertekan:

1) Menjadi Sedih
                                                                                                                                  
Sekarang bahwa mungkin datang sebagai kejutan. Tugas emosi adalah untuk menampilkan apa yang Anda rasakan.Jika Anda merasa bahagia, menampilkannya. Jika Anda merasa rendah, menampilkannya. Apa yang perlu Anda mengerti adalah bahwa semakin Anda menekan energi emosional Anda, Maka cara yang lebih berbeda akan menemukan dengan  melarikan diri melalui tubuh Anda, Anda sebaiknya membolehkan sendiri merasa perasaan Anda.

Jadi apa gunanya mencari solusi untuk masalah ini?

Titik tip pertama ini adalah untuk membawa perhatian Anda bahwa Anda harus selalu waktu kesedihan Anda, seperti waktu rutinitas sehari-hari atau waktu lari pagi Anda. Biarkan diri Anda merasa sedih, tapi hanya untuk beberapa menit. Ingat itu. Jangan lagi.

Ketika Anda memberi kontrol pikiran Anda, akan secara otomatis mulai melemparkan pikiran positif ke dalam hati nurani Anda.

Untuk pertama dua atau tiga kali, itu tidak akan terjadi secara alami, tapi segera, Anda akan mulai melihat bahwa saat Anda mengatakan kepada diri sendiri: "Aku sudah rendah terlalu lama. Ini adalah waktu untuk menendang pantat", otak Anda akan mendorong Anda ke optimisme. Ini positif akan mempengaruhi produktivitas Anda!

2) Melakukan Gerakan
                                                                                                              
Ini adalah trik sederhana lain untuk membuat Anda keluar dari keadaan mengerikan, menyedihkan. Ini juga mungkin trik termudah bagi sebagian dari Anda. Gerakan atau gerak mengalihkan perhatian otak.

Setiap kali Anda merasa lesu, bosan, sedih, atau rendah – hanya mulai berjalan. Hal ini terutama bermanfaat untuk mereka yang di pekerjaan  atau lingkungan rumah stasioner. Duduk di satu tempat terlalu lama dapat menyebabkan hambatan dalam sirkulasi darah dan oksigen, yang, pada gilirannya, mengganggu hormon kimia di dalam otak yang mengarah ke suasana hati buruk dan mudah tersinggung. Mulai berjalan.Jika Anda ke sana kemari , berlari atau melakukan beberapa  latihan yang akan meningkatkan detak jantung Anda.Segera, Anda akan merasakan perbedaan positif dalam situasi Anda.

3)Kegiatan
                                                                                                                                               
Ketika Anda merasa rendah, mengalihkan perhatian Anda. Trik ini akan lebih sulit untuk menerapkan karena ketika Anda turun, yang mana Anda adalah: ke bawah, maksudnya Anda tidak ingin melakukan apa-apa.
Melakukan sesuatu yang tetap. Hanya memaksa diri untuk melakukan kegiatan yang biasa anda lakukan  . Menonton TV, bermain, memanggil seorang teman, membaca buku, mendengarkan musik, berjalan-jalan, melakukan sit-up .

LAKUKAN sesuatu!

Namun, memanjakan diri dalam kegiatan-kegiatan yang menggembirakan. Sebagian besar dari kita salah paham langkah ini. saya akan berbicara lebih banyak tentang kesalahpahaman dalam dua tips.

Hanya ingat untuk mendorong diri Anda terhadap kelesuan untuk membebaskan diri anda. Ini adalah trik yang penting untuk mendapatkan kontrol emosi Anda lebih baik.

4) Menonton Episode Lucu                                                                                                                    
 Anda mungkin pernah mendengar bahwa tertekan orang menggunakan televisi sebagai pengalih perhatian. Yah, kita tidak berbicara secara eksklusif tentang depresi, tapi televisi dapat membantu dalam meningkatkan hormon bahagia semua sama.

Sayangnya, beberapa dari program-program yang paling dicintai di televisi (India Tele) sering melodramatis. Melodrama dipompa dan ditekan tanpa pembatasan-kanan dari opera sabun untuk reality show.

Kuncinya di sini adalah untuk mengangkat suasana hati Anda, yang hanya dapat dilakukan dengan beralih ke sebuah episode komik. Memilih seri favorit Anda. Menonton untuk beberapa waktu.

5) Mendengarkan Musik Upbeat                                                                                                          

Tidak ada yang lebih buruk daripada mendengarkan music menyedihkan, selama saat-saat yang rendah. Beberapa tahun yang lalu, seorang teman telah menyarankan bahwa mendengarkan lagu melow  akan bermanfaat dalam situasi yang menyedihkan. Hanya orang bodoh akan percaya bahwa mendengarkan lagu-lagu sedih ketika suasana hati kita saat sedang rendah.

Menurut sebuah studi yang diterbitkan di perbatasan dalam manusia Neuroscience, music menyedihkan dapat merusak emosional. Ingat, tujuan kami adalah untuk mendapatkan dari tahap rendah, tidak tersedot ke dalam satu langkah . Itulah yang lagu-lagu sedih lakukan, mereka menjaga kita merenungkan tentang kesedihan kami tanpa menawarkan jalan keluar.

Ya, Anda mungkin merasa kesepian dan menggunakan music menyedihkan  sebagai seorang teman yang harmonis. Tapi itu adalah jebakan. Secara harfiah!

Malah, Dengarkan musik upbeat. Mendengarkan lagu-lagu yang membuat Anda ingin menari, yang membuat Anda ingin untuk bergerak di sekitar. Lagu-lagu tersebut segera akan mengangkut Anda ke Trans (melakukan pekerjaan TV), mereka akan membuat otak Anda menembak hormon bahagia yang lain, dan mereka akan meningkatkan semangat Anda.

Semuanya baik ketika moral baik.

Pikiran Penutup                                                                                                                                             
Itu semua bermuara pada apa yang Anda inginkan: Apakah Anda ingin mengambil alih badai sesekali Anda, atau apakah Anda ingin menjadi seperti orang-orang yang tidak langsung mengatakan bahwa mereka "seperti" sedih? Saya harap tips ini berguna dalam situasi Anda. Anda tidak harus mengikuti mereka semua. Jika Anda bisa, paling tidak, ikuti metode hanya satu dan saya dapat menjamin hasil.

Apa yang harus Anda katakan tentang tips berikut? Apakah Anda mengikuti salah satu dari mereka?

Menurut anda metode ini akan lebih baik bagi Anda? Aku menunggu untuk Anda di komentar.