Pasang Artikel Terkait dan Subscribe Email Dibawah Postingan Terbaru

Pasang Artikel Terkait dan Subscribe Email Dibawah Postingan Terbaru - sobat bloggers, salh satu pendukung pada struktur template blog adalah adanya widget " artikel terkait" . Nah kali ini akan saya bagikan tips cara pasang artikel terkait dan subscribe email di bawah posting terbaru. Untuk pemasangannya silahkan ikuti langkah-langkahnya di bawah ini :

1. Cari kode ]]></b:skin> atau </style> dan copy kode css di bawah ini dan taruh tepat di atas salah satu kode tersebut.

/* -- RELATED POST AND SUBSCRIBE EMAIL -- */
#subs-and-redat {margin:0;padding:15px;background:#292929 url(http://4.bp.blogspot.com/-KOeHvb-_Fs4/UyrtMveVGaI/AAAAAAAAOnU/HIi6vAYVKFU/s1600/footer-imege.png) no-repeat top left;border-radius:3px;}
.kotakleft {background:none;width:44%;margin:0;padding:15px;display:block;float:left}
#related-post h4{font-family:Oswald, Arial, sans-serif; font-size:22px;font-weight:normal;text-transform:uppercase;color:#eee;margin:0 0 15px;margin-top:-15px;}
#related-post li {background:url(http://4.bp.blogspot.com/-Bt0JYGRHfpk/T7ZpN5RNSQI/AAAAAAAAGJQ/zQtrWVZwgHA/s1600/bullet.png) 1px 9px no-repeat;line-height:1.8em;margin:0;padding:0 0 5px 20px;}
#related-post ul {list-style:none; margin:0; padding:0;}
#related-post a {font-size:14px;color:#eee}
#related-post a:hover {color:#ccc}
#subscribe-css {margin:0;padding:0;float:right;display:block;position:relative;}
.subscribe-wrapper {background:linear-gradient(180deg,#f26c9a ,#ca3669 50%,#a12952);width:260px;height:200px;color:#fff;font:14px Roboto;line-height:20px;padding:40px 20px 10px 20px;text-align:center;border-radius:3px;box-shadow:inset 0 1px 1px 0 #B0B0B0;}
.subscribe-form {clear:both;display:block;margin:10px 0;overflow:hidden;}
form.subscribe-form {clear:both;display:block;margin:10px 0 0;width:auto;overflow:hidden;}
.subscribe-css-email-field {background:#eee url(http://1.bp.blogspot.com/-JMYdQsIa9WQ/UDZqxqqrTEI/AAAAAAAAFho/AocEv70U8K8/s1600/sprites.png) no-repeat 1px -27px;color:#444;margin:0 0 15px;padding:12px 40px;width:100%;border:none;}
.subscribe-css-email-button {background:linear-gradient(to bottom, #5B6407 5%, #83900A 100%);color:#fff;cursor:pointer;font-weight:600;padding:10px;text-transform:none;width:100%;border:none;font-size:17px;transition:all .5s ease-in;border-radius:4px;box-shadow:inset 0 1px 1px 0 #B0B0B0;}
.subscribe-css-email-button:hover {transition:all .5s ease-in;background:linear-gradient(to bottom, #83900A 5%, #5B6407 100%);}

2.Anda cari kode <data:post.body/>, biasanya ada dua atau lebih, cari yg kode yg terakhir dan pastekan kode di bawah ini tepat di bawah kode <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='subs-and-redat'>
<div class='kotakleft'>
<div class='related-post' id='related-post'/>
<script type='text/javascript'>
  var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
          &quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
      </b:loop></b:if>];
  var relatedPostConfig = {
      homePage: &quot;<data:blog.homepageUrl/>&quot;,
      widgetTitle: &quot;&lt;h4&gt;Artikel Terkait:&lt;/h4&gt;&quot;,
      numPosts: 4,
      titleLength: &quot;auto&quot;,
      containerId: &quot;related-post&quot;,
      newTabLink: false,
      widgetStyle: 1,
      callBack: function() {}
  };
</script>
<script src='http://yourjavascript.com/30417213541/relatedpost-dte.js' type='text/javascript'/>
<div style='clear: both;'/>
</div>
<div id='subscribe-css'>
<div class='subscribe-wrapper'>
<p>Ikuti Blog ini dengan memasukan Email Anda dibawah ini</p>
<div class='subscribe-form'>
<form action='http://feedburner.google.com/fb/a/mailverify?uri=Anaktimor17 Blog' class='subscribe-form' method='post' onsubmit='window.open (&apos;http://feedburner.google.com/fb/a/mailverify?uri=Anaktimor17 Blog&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='Anaktimor17 Blog'/><input name='loc' type='hidden' value='en_US'/><input autocomplete='off' class='subscribe-css-email-field' name='email' placeholder='Enter your email address '/><input class='subscribe-css-email-button' title='' type='submit' value='Subscribe Now !'/></form>
</div>
</div>
</div>
<div style='clear: both;'/>
</div>
</b:if>

3.  Silahkan Anda ubah alamat feed " Anaktimor17 Blog" dengan URL Feed Anda.
4. Selamat mencoba semoga berhasil !!


sekian artikel Pasang Artikel Terkait dan Subscribe Email Dibawah Postingan Terbaru, semoga bermamfaat !!