18.2.13

Seo Friendly Thesis For Blogger Responsve Template

Seo Friendly Thesis For Blogger

Thesis For Blogger Template adalah sebuah template blogspot yang di desain oleh www.forblogger.net dan seo friendly blogger template ini merupakan salahsatu  template paling populer di Malaysia.

Fitur-fitur Thesis For Blogger:
  • 2 ColumnsTemplate
  • Thumbnail And Summary
  • Rich Snippet Breadcrumbs
  • Rich Snippet Rating
  • Threaded Comment
  • Adsense Ready
  • Clean And Simple

Responsve Blogger Template

Seo Friendly Blogger Template Thesis For Blogger memiliki desain yang cerah dan sederhana layaknya seperti Premium Thesis Theme For Wordpress sehingga sangat baik digunakan untuk personal blog maupun corporate blog.

Thesis for Blogger Template ini sudah saya modifikasi sehingga menjadi responsive dengan menggunakan CSS Media Query dan ditambah sedikit functional widget untuk memenuhi kebutuhan para blogger.

Fitur-fitur Responsive Template Thesis For Blogger:
  • 3 Columns In Homepage
  • Default Blogger Thumbnail And Summary
  • CSS Styling In Threaded Comments
  • 3 Columns Footer Widget
DEMO Basic Thesis For Blogger
DEMO Responsive Thesis For Blogger
DOWNLOAD Responsive Thesis For Blogger

13.1.13

Reply Button Thesis For Blogger V2

Pada Thesis For Blogspot Basic fungsi reply button dan threaded comment tidak berfungsi dengan sempurna. Untuk mengaktifkan fungsi threaded comment tersebut, dapat dilakukan sedikit modifikasi pada fungsi threaded comment dan javascriptnya.

Saya akan mencoba untuk menerapkan threaded commenting pada TFBV2

Cara yang Saya gunakan adalah:

Langkah 1

Ubah code:

<b:include data='post' name='comments'/>


note: ada 4 code <b:include data='post' name='comments'/> dalam template TFBV2 dan semuanya saya ubah

menjadi:

<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>


Langkah 2
Saya ganti code javascript threaded comment menjadi:

<b:includable id='threaded_comment_js' var='post'>
  <script defer='defer' expr:src='data:post.commentSrc' type='text/javascript'/>
  <script type='text/javascript'>

    (function() {

      var items = <data:post.commentJso/>;

      var msgs = <data:post.commentMsgs/>;

      var config = <data:post.commentConfig/>;

// <![CDATA[

      var cursor = null;

      if (items && items.length > 0) {cursor = parseInt(items[items.length - 1].timestamp) + 1;}

      var bodyFromEntry = function(entry) {

        if (entry.gd$extendedProperty) {

          for (var k in entry.gd$extendedProperty) {

            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {

              return '<span>' + entry.content.$t + '</span>';

            }

          }

        }

        return entry.content.$t;

      }



      var parse = function(data) {

        cursor = null;

        var comments = [];

        if (data && data.feed && data.feed.entry) {

          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {

            var comment = {};

            // comment ID, parsed out of the original id format

            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);

            comment.id = id ? id[2] : null;

            comment.body = bodyFromEntry(entry);

            comment.timestamp = Date.parse(entry.published.$t) + '';

            if (entry.author && entry.author.constructor === Array) {

              var auth = entry.author[0];

              if (auth) {

                comment.author = {

                  name: (auth.name ? auth.name.$t : undefined),

                  profileUrl: (auth.uri ? auth.uri.$t : undefined),

                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)

                };

              }

            }

            if (entry.link) {

              if (entry.link[2]) {

                comment.link = comment.permalink = entry.link[2].href;

              }

              if (entry.link[3]) {

                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);

                if (pid && pid[1]) {

                  comment.parentId = pid[1];

                }

              }

            }

            comment.deleteclass = 'item-control blog-admin';

            if (entry.gd$extendedProperty) {

              for (var k in entry.gd$extendedProperty) {

                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {

                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;

                }

              }

            }

            comments.push(comment);

          }

        }

        return comments;

      };



      var paginator = function(callback) {

        if (hasMore()) {

          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';

          if (cursor) {

            url += '&published-min=' + new Date(cursor).toISOString();

          }

          window.bloggercomments = function(data) {

            var parsed = parse(data);

            cursor = parsed.length < 50 ? null

                : parseInt(parsed[parsed.length - 1].timestamp) + 1

            callback(parsed);

            window.bloggercomments = null;

          }

          url += '&callback=bloggercomments';

          var script = document.createElement('script');

          script.type = 'text/javascript';

          script.src = url;

          document.getElementsByTagName('head')[0].appendChild(script);

        }

      };

      var hasMore = function() {

        return !!cursor;

      };

      var getMeta = function(key, comment) {

        if ('iswriter' == key) {

          var matches = !!comment.author

              && comment.author.name == config.authorName

              && comment.author.profileUrl == config.authorUrl;

          return matches ? 'true' : '';

        } else if ('deletelink' == key) {

          return config.baseUri + '/delete-comment.g?blogID='

               + config.blogId + '&postID=' + comment.id;

        } else if ('deleteclass' == key) {

          return comment.deleteclass;

        }

        return '';

      };



      var replybox = null;

      var replyUrlParts = null;

      var replyParent = undefined;



      var onReply = function(commentId, domId) {

        if (replybox == null) {

          // lazily cache replybox, and adjust to suit this style:

          replybox = document.getElementById('comment-editor');

          if (replybox != null) {

            replybox.height = '250px';

            replybox.style.display = 'block';

            replyUrlParts = replybox.src.split('#');

          }

        }

        if (replybox && (commentId !== replyParent)) {

          document.getElementById(domId).insertBefore(replybox, null);

          replybox.src = replyUrlParts[0]

              + (commentId ? '&parentID=' + commentId : '')

              + '#' + replyUrlParts[1];

          replyParent = commentId;

        }

      };



      var hash = (window.location.hash || '#').substring(1);

      var startThread, targetComment;

      if (/^comment-form_/.test(hash)) {

        startThread = hash.substring('comment-form_'.length);

      } else if (/^c[0-9]+$/.test(hash)) {

        targetComment = hash.substring(1);

      }



      // Configure commenting API:

      var configJso = {

        'maxDepth': config.maxThreadDepth

      };

      var provider = {

        'id': config.postId,

        'data': items,

        'loadNext': paginator,

        'hasMore': hasMore,

        'getMeta': getMeta,

        'onReply': onReply,

        'rendered': true,

        'initComment': targetComment,

        'initReplyThread': startThread,

        'config': configJso,

        'messages': msgs

      };



      var render = function() {

        if (window.goog && window.goog.comments) {

          var holder = document.getElementById('comment-holder');

          window.goog.comments.render(holder, provider);

        }

      };



      // render now, or queue to render when library loads:

      if (window.goog && window.goog.comments) {

        render();

      } else {

        window.goog = window.goog || {};

        window.goog.comments = window.goog.comments || {};

        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];

        window.goog.comments.loadQueue.push(render);

      }

    })();

// ]]>

  </script>
</b:includable>

3.1.13

8.11.12

Google Update PageRank November 2012

Google Theme And Logo
Source: http://www.newmedianow.co.uk
Search Engine Google sudah melakukan perubahan susunan peringkat dan kualitas terhadap blog dan website pada tanggal 08 Nopember 2012 sekitar pukul 00.00-03.00.

Alhamdulillah... Blog Yanfizs telahpun diikutkan dalam google update pagerank tersebut. Walau Blog Yanfizs ini hanyalah blog ujicoba yang bersifat dinamis dan selalu berubah-ubah susunan metadata dan kontennya, namun Google memberikan apresiasi yang baik sehingga memberikan reward berupa Rank 1 dibulan ini.

Besar harapan semoga kiranya sahabat-sahabat lainnya juga mendapatkan reward yang sama bahkan lebih baik lagi.

Jika ada sahabat-sahabat ThesisForBlogger yang berkunjung ke blog ini, sudilah kiranya berkomentar agar hubungan silaturrahmi diantara kita tetap terjaga :)

1.11.12

Adsense Di Tengah Artikel

Untuk meletakkan kode adsense atau iklan pada bagian tengah artikel pada template thesis for blogspot, silahkan temukan dengan CTRL+F kode <data:post.body/>

Ada 3 (tiga) kode <data:post.body/> dalam template thesis for blogspot, dan gantilah kode yang kedua dengan:

<!--:[ Start AdSense In The Middle Of Every Posts ]:-->
<div expr:id='&quot;iklan1&quot; + data:post.id'></div>
<div class='adsense-tengah' style='clear:both;margin:0 auto'>
LETAKKAN SCRIPT ADSENSE YANG SUDAH DI PARSE PADA BAGIAN INI
</div>
<div expr:id='&quot;iklan2&quot; + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;iklan1<data:post.id/>&quot;); var obj1=document.getElementById(&quot;iklan2<data:post.id/>&quot;); var s=obj1.innerHTML; var t=s.substr(0,s.length/2); var r=t.lastIndexOf(&quot; &quot;); if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1);}
</script>
<!--:[ End AdSense In The Middle Of Every Posts ]:-->

15.10.12

Cara Membuat Dua Kolom Sidebar

Cara membuat dua kolom untuk menempatkan widget khususnya banner iklan ataupun adsense berukuran 120x600 piksel dan 160x600 piksel pada template thesis for blogspot.

Contoh Dua Kolom Banner Pada Sidebar


Letakkan script berikut tepat dibawah <!--[ END SEARCH ENGINE SIDEBAR ]-->


<div class='sidebar-120' style='float:left;width:42.5%;'>
<b:section class='sidebar' id='sidebar-right-2-1' preferred='yes'>
</b:section>
</div>
<div class='sidebar-160' style='float:right;width:57.5%;'>
<b:section class='sidebar' id='sidebar-right-2-2' preferred='yes'>
</b:section>
</div>
<div class='clear'/>

Jika Saudara inginkan ukuran yang sama untuk setiap bagian, maka cukup diubah width:42.5% dan width:57.5% menjadi width:50%

Dan untuk template lainnya selain ThesisForBlogspot, kode diatas dapat diletakkan tepat dibawah:
<div id='sidebar-wrapper'>


 
Yanfizs Copyright © | Template designed by Liza Burhan | SEO by Islamic Blogger Template