Info Toko Surya62: Tips dan trik

Showing posts with label Tips dan trik. Show all posts

Monday, January 07, 2013

Social Profile dengan efek Transisi

Bagaimana membuat social profile yang menarik bagi pengunjung?

You Like Follow Me, Please!!!

Social profile akan menarik perhatian jika kita dapat menampilkannya dengan lebih menarik dan meyakinkan pengunjung, bagaimana caranya? silahkan ikuti konten berikut ini yang mengacu pada konten dari Saudaraku di http://mkr-site.blogspot.com/2012/08/tombol-follow-me-dengan-efek-transisi.html sebagai nara sumbernya. Bagaimana penampilan social profil yang saya maksudkan? silahkan simak hasil berikut ini setelah diberikan efek transisi.

Sobat teratik untuk membuatnya? silahkan copy paste script berikut ini dan masukkan pada HTML Javascript tambah widget di blgospot Sobat. Sobat tinggal pasang pada kotak kosong dan editlah alamat social profil milik Sobat, selanjutnya lihatlah hasilnya. Sobat pasti puas melihatnya, jika belum silahkan diedit style-nya dengan warna yang lebih menarik. Jika hendak berhubungan dengan admin silahkan dicoba untuk klik salah satu profil yang dimaksudkan dan berikan komentarnya.

<style type="text/css">
#buttoncb ul {margin:10px 15px;padding:0px;}
#buttoncb ul li {list-style-type: none;padding: 0;background: transparent;margin: 0;}
#buttoncb ul li a{background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8lumL_5KhmgTMvX7xOESQXM8yu23YFQx6L9MTY1ZiJLufVa-b7KC3DNpUHrt3drKnwYesIC_VynAMm268rxXlvxUw-IFwYmU2F-JLz86Q-LX_HD5JZBXaenRCnmu6EJquURdcHLfvCSU/s1600/blsocial12.png') 0 0 no-repeat;   height:48px;padding-left: 48px;cursor: pointer;text-decoration: none;border-radius:0.5em;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;-o-border-radius:0.5em;display:inline-block;margin:0;width: 220px;}
#buttoncb ul li:hover span {margin-left: 10px;opacity: 1;}
#buttoncb ul li span {border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
color: white;
margin-left: 100px;
opacity: 0;
position: relative;
text-align: center;
width: auto;
padding: 5px 10px;
transition: all 0.3s cubic-bezier(1,2,0,0) 0s;
-moz-transition: all 0.3s cubic-bezier(1,2,0,0) 0s;
-webkit-transition: all 0.3s cubic-bezier(1,2,0,0) 0s;
top: 14px;}
#buttoncb span{padding:5px;background:#000;color:#fff;margin:0 5px;}
#buttoncb .fb span {background-color: #0853A3;}
#buttoncb .twiter span {background-color: #00B1F7;}
#buttoncb .google span {background-color: #9E0202;}
#buttoncb .pint span {background-color: #D00;}
#buttoncb .linkedin span {background-color: #005075;}
#buttoncb .devart span {background-color: #4C7A4A;}
#buttoncb .ytube span {background-color: #00ffff;}
#buttoncb .rss span {background-color: #EC5601;}
#buttoncb a.fb {  background-position: 0 -384px;}
#buttoncb a.twiter {  background-position: 0 -432px;}
#buttoncb a.google {  background-position: 0 -480px;}
#buttoncb a.pint {  background-position: 0 -528px;}
#buttoncb a.linkedin {  background-position: 0 -576px;}
#buttoncb a.devart { background-position: 0 -624px;}
#buttoncb a.ytube {  background-position: 0 -672px;}
#buttoncb a.rss {  background-position: 0 -720px;}
#buttoncb a.fb:hover { background-position: 0 0px;color: #0374DD;}
#buttoncb a.twiter:hover {  background-position: 0 -48px;color: #00A1DF;}
#buttoncb a.google:hover {  background-position: 0 -96px;color: #A70000;}
#buttoncb a.pint:hover {  background-position: 0 -144px;color: #C00;}
#buttoncb a.linkedin:hover {  background-position: 0 -192px;color: #005772;}
#buttoncb a.devart:hover { background-position: 0 -240px;color: #4C7A4A;}
#buttoncb a.ytube:hover {  background-position: 0 -288px;color: #00ffff;}
#buttoncb a.rss:hover {  background-position: 0 -336px;color: #EC5601;}
</style>


<div id="buttoncb">
<ul>
   <li><a href="Link Facebook Anda" class="icon fb" ><span>Facebook</span></a></li>
   <li><a href="Link Twitter Anda" class="icon twiter" ><span>Twitter</span></a></li>
   <li><a href="Link Google+ Anda" class="icon google" ><span>Google+</span></a></li>
   <li><a href="Link Pinterest Anda" class="icon pint" ><span>Pinterest</span></a></li>
   <li><a href="Link Linkedin Anda" class="icon linkedin" ><span>LinkedIn</span></a></li>
   <li><a href="Link Deviant Art Anda" class="icon devart" ><span>DeviantArt</span></a></li>
   <li><a href="Link Youtube Anda" class="icon ytube" ><span>Youtube</span></a></li>
   <li><a href="Link RSS Anda" class="icon rss" ><span>RSS</span></a></li>
</ul>
</div>

Demikian konten saya kali ini semoga bermanfaat bagi kita sekalian dan terima kasih atas kesediaannya untuk membaca konten ini.

Bergabunglah bersama kami dengan para Mentor Bisnis ternama !

Bisnis terpercaya di Joko Susilo.com dan Stop Dreaming in action Info Toko Surya62. Bisnis spektakuler Best Marketing place, Konten Islami, Bisnis click-bank, Balkblakan Marketing Online, Smart Machine System V 2.0, submit terbaik, MobiGarda-Iphone.

Sunday, December 16, 2012

Dua Obyek bergerak naik turun

Trik bagaimana membuat 2 obyek bergerak naik dan turun

Assalamu'alaikum warakhmatullahi wabarakatuh, Sahabat Bloggers yang berbahagia, ada trik yang dapat menarik perhatian jika kita mampu menampilkan gambar gerak namun tidak terlalu berat untuk diload dalam blog yaitu membuat tulisan atau gambar dapat bergerak naik dan turun. Ini adalah hasil tulisan darisahabat kita di http://www.rieztoshare.com/2012/08/tulisan-naik-turun-di-blog.html. Sobat tertarik membuatnya? silahkan simak tulisan berikut ini.

Dua obyek yang dimaksud gambar atau tulisan yang dapat bergeraknaik turun pada posisi ketinggian 25% 50% dan 100%. Penerapannya Sobat masuk ke pengaturan template dengan centran edit expand wdget template selanjutnya masukkan tag seperti berikut ini.

Aturlah CSS-nya dengan meletakkannya diatas ]]></b:skin> sebagai berikut:

#infotipsrama {position:fixed;top:1%;right:1%;}
.infotipsrama
{font-size:300%;text-transform:uppercase;
font-family:impact,tahoma,verdana,arial,sans-serif;
position:relative;
animation:infotipsrama 8s infinite;
-moz-animation:infotipsrama 8s infinite; 
-webkit-animation:infotipsrama 8s infinite; 
text-shadow:0 1px 1px #FF0000,-1px -2px 1px #FF0000,-2px -3px 1px #FF0000,-3px -4px 1px #FF0000;}
@keyframes infotipsrama
{
0%   {top:0px;}
25%  {top:500px;}
50% {top:250px;}
75% {top:500px;}
100% {top:0px;}
}
@-moz-keyframes infotipsrama  
{
0%   {top:0px;}
25%  {top:500px;}
50% {top:250px;}
75% {top:500px;}
100% {top:0px;}
}
@-webkit-keyframes infotipsrama  
{
0%   {top:0px;}
25%  {top:500px;}
50% {top:250px;}
75% {top:500px;}
100% {top:0px;}
}

Masukkan script berikut di bawah tag </body>:

<script type='text/javascript'> 
function autoLink(){ this.keywdHref = new Object();
this.add = function(keyword, href){ if(keyword.substr(0,1) != " ")
{keyword = " " + keyword;} this.keywdHref
[keyword] = href; } this.createAnchor = function(){ 
var objs = document.getElementsByTagName("div"); 
for(var i=0; i<objs.length; i++){ var obj = objs[i]; 
if(obj.className.indexOf("post-body")>-1){ var content = obj.innerHTML; 
for(var keyword in this.keywdHref){ var href = this.keywdHref[keyword]; 
var newstr = content.replace(keyword, "<a href='" +href+"'>"+keyword+"</a>", "gi"); 
obj.innerHTML = newstr; content = newstr; } } } } 
this.startScript = function(){ var onLoad = window.onload; 
window.onload = function(){ if(onLoad){onLoad();} 
setTimeout ("f.createAnchor()", 100); } } } </script>
<script type='text/javascript'> var f = new autoLink(); f.add("Blogging",
"http://www.rieztoshare.com/"); f.startScript(); </script>

Untuk meletakkan obyek yang Sobat kehendaki silahkan letakkan dibawah tag <body> seperti berikut ini:

<div id='infotipsrama'>
<div class='infotipsrama'>
<center>Surya62<br/><img alt='Photobucket' border='0' 
src='http://i1222.photobucket.com/albums/dd489/surya546/6976.gif' 
title='Monyet Musik'/></center>
</div>
</div>

Demikian tulisan saya kali ini semoga dapat bermanfaat dan berbagilah untuk kemanfaatannya. Sebagai illustrasi saya tampilkan pada obyek contoh diatas berikut ini.
Wassalamu'alaikum warakhmatullahi wabarakatuh.

Bergabunglah bersama kami dengan para Mentor Bisnis ternama !

Saturday, December 15, 2012

Mengatasi Tombol Reply tak berfungsi

Bagaimana cara mengatasi kesalahan
pada tombol reply di blogspot

Assalamu'alaikum warakhmatullahi wabarakatuh. Sahabat Bloggers yang berbahagia, setelah saya berkelana bersama mbah Google untuk mencari penyebab tidak berfungsinya tombol reply pada formulir kotak komentar blogspot yang terjadi pada blog ini, saya menemukan solusi dari sahabat kita kangismet pada kontennya mengatasi error pada tombol reply. Saya telah meneliti dan melakukan action ke beberapa blog untuk mengusahakan agar tombol reply di blog ini dapat berfungsi, ternyata tidak dapat teratasi. Setelah membaca konten dari kangismet dapat terselesaikan yaitu dengan merubah konten script jquery-nya seperti berikut ini:

Berikut konten asli jquery yang ada pada template ini silahkan dapat dilihat dengan menekan tombol buka dibawah ini

Script Reply pertama:

<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 class="deleted-comment">' + 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>

Berikut ini konten jquery yang saya dapat dari kangismet, silahkan klik tombol buka dibawah ini.

Script Reply kedua:

<script async='async' 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 class="deleted-comment">' + 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>

Setelah saya ganti dengan script dari kang ismet ternyata semua berjalanlancar dan dapat mengatasi masalahnya. Anda tertarik mempelajarinya silahkan untuk ditekuni, menurut saya kedua script tidak berarti salah namun ada konten yang kurang mendukung sehingga script pertama diatas tidak berfungsi. Melihat dari kasusnya pada blog ini, tidak berfungsinya tombol reply setelah saya mengaktifkan tombol delete pada formulir komentar yang berdampingan dengan tombol reply.

Demikian konten saya kali ini yang cukup simple, semoga dapat menjadikan khasanah bagi kita sekalian. Sukses Bloggers Indonesia...!!! Terima kasih atas kunjungannya dan berikan koment yang terbaik agar kita dapat lebih meningkatkan persahabatan.
Wassalamu'alaikum wa Rakhmatullahi wa Barakatuh.

Bergabunglah bersama kami dengan para Mentor Bisnis ternama !

Wednesday, November 21, 2012

Menanamkan URL Blog ke Direktory Yahoo

Bagaimana caranya mendaftar ke direktory Yahoo sehingga blog dapat dikenal oleh Searchengine Yahoo atau istilah lain cara mensubmit ke direktory Yahoo.

Assalamu'alaikum warakhmatullohi wabarakatuh. Sahabatku yang berbahagia, bagaimana cara kita menanamkan URL blog ke direktory Yahoo agar blog leh dikenal para pengguna internet? atau istilah lain agar blog lebih friendly? salah satu solusinya adalah mensubmit blog kita ke direktory Yahoo, adapun langkahnya sebagai berikut:

Anda menuju ke http://dir.yahoo.com/news_and_media/blogs/
Anda login dulu ke Yahoo dengan account yang ada jika belum silahkan daftar ke http://id.yahoo.com/
Klik kategori yang sesuai dengan tema blog kita
Klik Suggest a Site
Lalu pilih yang Standard Consideration (gratis)
Klik Continue
Terakhir silahkan isi data Judul Blog, Url, Lokasi, dan Description yang sesuai, tambahkan URL feed dan rss pada kolom tambahan keterangan yang ada di paling bawah dan klik tombol dibawahnya untuk mengirimkan
Untuk memberikan gambaran uraian saya silahkan ikuti gambar berikut ini

Demikian info dari saya yang singkat semoga bermanfaat. Berikan komen sebelum Anda meninggalkan saya, tetaplah bersama Info Toko Surya62 yang selalu setia menemani Anda untukberbagi info yang manfaat. Anda dapat juga ke http://s-surya62.blogspot.com/2012/11/membuat-directori-di-yahoo-pipes.html untuk cara yang lain.
Wassalamu'alaikum Warakhmatullahi Wabarakatuh.

Bergabunglah bersama kami dengan para Mentor Bisnis ternama !

Anda tertarik dengan tulisan ini? silahkan saya tunggu "review saya disini" dan saya akan review balik jika Anda menyertakan alamat lengkapnya, trims.

Tuesday, November 20, 2012

Agar Archieve tak Terindek di Searchengine

Bagaimana caranya agar archieve tidak terindeks di searchengine?

Assalamu'alaikum warkahmatullohi wabarokatuh. Sahabatku yang berbahagia, mengapa pertanyaan tersebut muncul? karena kasus terjadi ketika saya kontrol di webmaster google ternyata archieve saya terindek dan tidak sesuai dengan URL yang kita kehendaki, hal ini terjadi karena konten archieve menggunakan script otomatis (perhatikan gambar berikut.

Langkah agar tidak terindeks, sebelum memperbaiki pada webmaster google, perbaiki template dan setting blogger Anda, adapaun caranya sebagai berikut:

Tanamkan script berikut pada template anda persis di bawah tag <:head>, kemudian simpan perubahan template.:

<b:if cond='data:blog.pageType == "archive"'>
<meta content='noindex,noarchive' name='robots'/> </b:if>

Selanjutnya anda menuju ke pengaturan (setelan) blogger) seperti gambar berikut ini.

Selesai pengaturan ini, silahkan Anda menuju webmaster google di https://www.google.com/ tentu saja Anda harus login terlebih dahulu dengan account Anda lho. lanjutnya perbaiki dengan klik tandai sebagai telah diperbaiki pada URL yang tidak ditemukan seperti gambar 1 diatas. Kemudian buang URL-URL tersebut satu persatu pada menu pilihan "pengoptimalan" dan pilih pilihan "hapus URL".

Demikian info dari saya yang singkat semoga bermanfaat. Semoga archieve anda tidak terindeks lagi, jika anda menghendaki terindek maka buang script tersebut diatas dan settingnya archieve dirubah dengan pilhan "Ya".
Wassalamu'alaikum Warakhmatullahi Wabarakatuh.

Bergabunglah bersama kami dengan para Mentor Bisnis ternama !

Anda tertarik dengan tulisan ini? silahkan saya tunggu "review saya disini" dan saya akan review balik jika Anda menyertakan alamat lengkapnya, trims.

Sunday, June 24, 2012

Pengaturan HatomFeed di Blogspot

Assalamu'alaikum warakhmatullahi wabarakatuh. Sahabat Bloggers yang berbahagia, pada posting yang lalu telah saya sampaikan info tentang bagaimana memunculkan bintang berkilau pada search engine, dimana ketika Anda melakukan cek ke http://www.google.com/webmasters/tools/richsnippets, terjadi error bahwa blog belum diatur sebagai hatomfeed seperti gambar berikut ini:

Bagaimanakah cara mengaturnya jika terjadi seperti tersebut? ikuti konten berikut ini yang tidak terlalu sulit untuk melakukannya pada perubahan template Anda untuk mengatasi pengaturan blog agar hatomfeed dengan harapan blog kita dapat memenuhi tuntutan webmaster google seperti alamat tersebut diatas.

Buka template blogspot Anda,
Unduh template sebagai backup bagi Anda, setelah itu centrang kotak Expand Template Widget,
Cari kode berikut
<div class='blog-posts hfeed'>
editlah menjadi seperti berikut
<div class='blog-posts'>
(jika Anda temukan kode tersebut ada dua maka editlah keduanya),
Simpan template.
Carilah kode
<div class='post hentry uncustomized-post-template'>
editlah menjadi seperti berikut
<div class='post uncustomized-post-template'>.
Simpan template. dan tutuplah edit HTML template Anda untuk selanjutnya signout dari blogger untuk mengaktifkan blog.
Kemudian Anda menuju ke http://www.google.com/webmasters/tools/richsnippets, ketikkan salah satu url Anda untuk menguji hatomfeed blog sekaligus menguji kemilau bintang di search engine, semoga berhasil seperti gambar berikut.

Gulir kebawah terus dan teruuuus, maka tidak ditemukan error hatomfeed, sebaliknya Anda akan mendapatkan laporan dan mungkin ada saran yang terbaik dibalik laporan tersebut.

Terima kasih atas kunjungan Anda, mohon maaf atas segala kekhilafan, sampai jumpa di lain kesempatan. Tetaplah bersama saya di Info Toko Surya62 wong Kebumen, untuk berbagi info manfaat dan mari maju bersama untuk membangun bangsa yang akhlaqul karimah dengan ilmu pengetahuan dan iman.
Wassalamu'alaikum warakhmatullahi wabarakatuh.

sumber :
http://andigentho.blogspot.com/2012/06/cara-ngatasi-warning-how-to-avoid-at.html

Bergabunglah untuk cari uang tak berbelit-belit!

Bisnis terpercaya di Joko Susilo.com dan Stop Dreaming in action Info Toko Surya62. Bisnis spektakuler Best Marketing place, Konten Islami, Bisnis click-bank, Blakblakan Marketing Online, Smart Machine System V 2.0, submit terbaik, MobiGarda-Iphone. Mari cari Uang di Internet bersama dengan klik berikut ini di Info Toko Surya62

Anda tertarik dengan tulisan ini? silahkan saya tunggu "review saya disini" dan saya akan review balik jika Anda menyertakan alamat lengkapnya, trims.

Tuesday, June 12, 2012

Simpan Data di Google Drive

Assalamu'alaikum warakhmatullahi wabarakatuh. Sahabat blogger yang berbahagia, berikut informasi terbaru dengan Anda yang suka simpan menyimpan data dengan Google Docs. Sekarang ada versi baru dengan google dre yang lebih friendly dan sangat mudah dikelola baik dalam wujud presentasi, olahkata atapun olah angka dan versi PDF.

Google Drive selalu ada di mana pun Anda berada di web, di rumah, di kantor, maupun di perjalanan. Jadi, di mana pun Anda berada, seluruh item Anda ada...di sana. Siap bepergian, siap berbagi. Mulai dengan 5 GB, gratis. Masuklah dengan account google jika belum buatlah account di google terlebih dahulu.

Google Drive tersedia untuk:

PC dan Mac
Chrome OS
iPhone dan iPad (segera)
Perangkat Android

Di Google Drive, Anda dapat membuat dokumen, spreadsheet, dan presentasi baru dengan cepat. Kerjakan satu dokumen bersamaan dan lihat perubahannya seketika itu juga. Caranya masuk ke google docs di Google docs bagi yang sudah mempunyai account google dan bagi yang belum silahkan langsung masuk ke alamatnya di Googledrive, selanjutnya tekan tombol mulai dikanan atas dan tekan tombol coba dan ikuti intruksi berikutnya. Karena masih uji coba ketika naskah ini dimuat, maka ada pesan kurang lebih seperti ini "Anda akan dapat kembali kemenu klasik kapan saja". Untuk itu silahkan dicoba, semoga sukses.

Google Drive adalah tempat bernaungnya data Anda pada versi baru bagi Google Documents, file, dan folder Anda. Fasilitas/fitur diantaranya adalah:

Mulai dengan 5 GB, gratis.
Buat, bagikan, dan kelola file.
Sinkronkan file dari komputer Anda.
Akses saat sedang di perjalanan dengan apl seluler.

Anda telah memasuki drive google, keuntungannya adalah seperti pesan google drive kurang lebih begini:

Kami perkenalkan Drive Anda
Drive Saya adalah tempat bernaung bagi seluruh file Anda. Dengan Google Drive untuk PC, Anda dapat menyinkronkan file dari komputer ke Drive Saya. Unduh Google Drive untuk PC seperti tombol berikut:

Mari kita coba!

Jelajahi navigasi sisi kiri.

Buat Google Documents dan lain-lain.

Lihat file sekilas dengan tampilan kisi yang baru.

Dapatkan apl seluler Google Drive.

Klik tombol unduh, dan instalasi setuju untuk PC Anda dengan mengklik tombol setuju selanjutnya proses pengunduhan berlangsung berikut isntalasinya sesuai intruksi. Pengunduhan selesai dan lakukan singkronisasi dengan mengisikan email Anda dan pasword, Anda harus melakukan verivikasi account google dengan memasukkan pada kotak verivikasi yang diterima melalui nomer HP saat itu juga, masukkan kode verifikasi yang diterima maka proses sinkronisasi akan berhasil dengan sukses, dengan pesan seperti gambar berikut ini (cermati urutannya).

Gambar satu	Gambar dua
Gambar tiga	Gambar empat

Anda sudah dapat memulai dengan enjoy karena drive komputer telah berkomunikasi (tersinkronisasi) dengan google drive, jika akan mengunggah maka sangat mudah, semudah mengelola drive pada komputer sendiri. Silahkan coba untuk mengunduh dan menginstalnya pada komputer Anda.

Selesai sinkronisasi berhasil (gambar satu, dua dan tiga) maka akan muncul logo googledrive pada desktop Anda (gambar empat) perhatikan disebelah kanan bawah seperti gambar diatas (perhatikan panah putih kebawah).

Silahkan klik gambar logo tersebut di desktop Anda, maka akan muncul hasil sinkronisasi tersebut pada layar desktop Anda, selanjutnya kita dapat mengelolanya dengan mudah seperti gambar berikut (cermati panah merah sebagai penanda posisi drive dan penanda kotak adalah isi drive Anda di google drive). Selamat mencoba semoga kesuksesan menyertai Anda semuanya!.

Demikian info singkat dari saya semoga sukses untuk mencoba versi baru dari google drive yang lebih friendly dan terima kasih atas komentar dan kunjungan Anda. Jangan lupa sampaikan salam saya untuk Anda sekeluarga semoga selalu terlimpahkan rizqi dari Allah SWT, amin.
Wassalamu'alaikum warakhmatullahi wabarakatuh.

Bergabunglah untuk cari uang tak berbelit-belit!

Bisnis terpercaya di Joko Susilo.com dan Stop Dreaming in action Info Toko Surya62. Bisnis spektakuler Best Marketing place, Konten Islami, Bisnis click-bank, Balkblakan Marketing Online, Smart Machine System V 2.0, submit terbaik, MobiGarda-Iphone. Mari cari Uang di Internet bersama dengan klik berikut ini di Info Toko Surya62

Anda tertarik dengan tulisan ini? silahkan saya tunggu "review saya disini" dan saya akan review balik jika Anda menyertakan alamat lengkapnya, trims.

Wednesday, May 30, 2012

Membuat Tag Hover dengan CSS 3

Format Aplikasi dan Verifikasi NUPTK

Berikut ini ada info yang menarik untuk membuat tag hover agar penampilan blog kita semakin menarik dengan CSS3, ingin tahu caranya? mudah saja, ikuti tag berikut ini untuk mengganti tag hover (biasanya tag ini diawali dengan perintah a:hover) milik Anda silahkan menuju pada perubahan template Anda dan editlah seperti tag HTML berikut ini (peringatan: simpan template Anda sebelum melakukan perubahan).

a { font:16px ; font-weight: bold; text-decoration: none; color: blue; cursor: pointer; -webkit-transition: all .85s ease; -moz-transition: all .85s ease; -o-transition: all .85s ease; transition: all .85s ease; } a:hover { color: red; text-shadow:1px 1px 2px #000; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); text-decoration: underline; background: #CCC; }

Sekedar catatan, Anda bisa mengedit jenis font dan ukuran font serta warna hover atau lainnya sesuai dengan template Anda. Demikian info dari saya semoga bermanfaat, jika perintah tag hover belum terjadi perubahan ada kemungkinan Anda belum mengaktifkan script "jqueryminjs versi 1.3.2". Silahkan pasangkan jqueryminjs berikut ini diatas tag <head> pada template Anda.

Bergabunglah bersama kami dengan para Mentor Bisnis ternama ! Bisnis terpercaya di Joko Susilo.com dan Stop Dreaming in action Info Toko Surya62. Bisnis spektakuler Best Marketing place, Konten Islami, Bisnis click-bank, Balkblakan Marketing Online, Smart Machine System V 2.0, submit terbaik, MobiGarda-Iphone.

Komunitas dan Affiliasi | Promosikan Halaman Anda Juga

Tuesday, May 29, 2012

Membuat Mode Auto Tooltip

Apa khabar penggemarku semuanya, selamat berjumpa lagi pada posting info kali ini untuk menumpahkan rasa gembira yang tiada terkira bahwa hari ini saya telah memperoleh auto tooltip dari Warung Internet yang telah memberikan ilmunya luar biasa hebatnya seperti Anda saksikan setiap link mengandung tooltip otomatis tanpa harus mensetting ulang setiap link, Anda tinggal pasang scriptnya dan jadilah. Pada info kali ini akan saya sampaikan bagaimana cara membuatnya dengan sedikit modifikasi pada posisi cssnya, Anda teratarik untuk membuatnya? ikuti info berikut ini.

Tanamkan HTML berikut tepat dibawah tag <body> <script src='http://infotokosurya62.googlecode.com/files/wb.js'/><a href='http://www.warungbebas.com' id='wb_ttauth'>Warung Internet</a><script type='text/javascript'>//<![CDATA[ wb.tooltip_setting = { func : "Tooltip", top : 5, left : 5, maxw : 300, speed : 20, timer : 40, endalpha : 95, alpha : 0, style_plus : "#tt{border:1px solid #8bd268;-moz-border-radius:8px;-webkit-border-radius:8px;-webkit-box-shadow: 4px 2px 8px #8bd268;-moz-box-shadow: 4px 2px 8px #8bd268;background:#eceff5}#ttcont{background:#677FC2;;-moz-border-radius:8px;-webkit-border-radius:8px;-webkit-box-shadow: 4px 2px 8px #8bd268;-moz-box-shadow: 4px 2px 8px #8bd268;color:#fff}#tthover{-webkit-transform: translate(0,20px); -moz-transform: translate(0,20px); -o-transform: translate(0,20px)"}; //]]></script><script src='http://infotokosurya62.googlecode.com/files/wb_tooltips.js'/> <script src='http://javascript-share.googlecode.com/files/wb_autotooltips.js'/><div id='warungbebasautotooltip'> Tanamkan HTML berikut tepat diatas tag </body> </div><script type='text/javascript'>wb.$_auto_tooltip('warungbebasautotooltip');</script>

Demikian info dari saya semoga bermanfaat, pesan saya jangan rubah link milik warungbebas.com yang ada, terima kasih atas kunjungannya dan berikan komen untuk perkembangan blog ini. Mari berbagi ilmu dan info yang manfaat. Terimakasih kepada warungbebas.com yang telah share ilmunya.

Sumber : http://www.warungbebas.com/2011/02/otomatisasi-tooltip-link-gambar-akronim.html

Komunitas dan Affiliasi | Promosikan Halaman Anda Juga

Monday, May 07, 2012

5 Tip Sukses Jalankan Bisnis Affiliasi

Sahabat Bloggers yang berbahagia, ada 5 tips sukses cara menjalankan bisnis affiliasi dari "Drs. Teguh Santoso, 2009" dalam bukunya "Bisnis Online" yang dapat kita pelajari dan kita jalankan sebagai affiliasi mania seperti berikut ini:

Relevansi antara Pembaca dan Konten.
Salah satu kunci untuk mendapatkan koncersi tinggi ketika mempromosikan produk affiliasi adalah sebisa mungkin menyesuaikan kebutuhan audience dengan produk yang di promosikan dengan konten yang dihasilkan dari blog Anda. Bagi affilisi mania, untuk upaya promosi adalah diantaranya membuat blog yang berisikonten tentang prinsip dasar bisnis online itu sendiri. Contoh : Cara cepat mempromosikan web/blog, tips dan trik bisnis online, tips mendatangkan banyak trafik/pengunjung, strategi bisnis online, teknik bermain forex, top keyword google adsense, menghasilkan dari bisnis PTC dan masih banyak lagi. Dibawah konten ini telah saya berikan rekomendasi bisnis online yang cepat berhasil untuk market affiliasi. Silahkan Anda klik untuk saya antar kepada tujuan yang tepat.
Membangun Kepercayaan.
Saya berfikir bahwa promosi affiliasi yang paling ampuh adalah bekerja dengan blog dimana kita dapat berinteraksi secara langsung terhadap pengunjung. Dengan cara ini selain berpromosi kita juga akan mendapatkan banyak teman sesama blogger lainnya, menjalin situs sosial dengan twitter dan facebook yang dapat mendatangkan teman sebanyak-banyaknya dalam satu area blogspot.
Contohnya: bila kita membaca artikel / konten di blog seorang pebisnis online sukses dimana selalu memberikan masukan, nasehat, kaya informasi dan bermanfaat bagi pembacanya, bukan tidak mungkin blog tersebut menjadi besar. Dengan demikian akan lebih mudah untuk menawarkan serta menjual produk affiliasinya. Sahabat bloggers, kepercayaan itu sulit didapat, untuk itu sudah seharusnya diawali dari perkenalan dan bagaimana cara kita dapat meyakinkan orang lain dan ini membutuhkan waktu atau proses yang tidak sebentar.
Trafic Pengunjung.
Ini penting! Trafic dapat dimasukkan dalam kategori ini dari teknik marketing Anda, karena semakin banyak trafic maka akan semakin tinggi pula peluang penjualan bisnis/produk Anda. Anda harus memhami kiat-kiat atau tips menghasilkan lalu litas (trafic) di web/blog ingin tau caranya silahkan berkunjunglah ke sini niscaya Anda akan di berikan bimbingan yang mudah dan simpel untuk meraih sukses dalam bisnis online.
Perkuat pesan E-mail.
Buatlah sesering mungkin pesan terbaru pemasaran produk Anda, tidak cukup hanya sekali, lakukanlah berkala dan teratur dengan susunan kalimat yang meyakinkan. Anda bisa belajar dari bisnis online seperti saya rekomendsaikan dibawah ini. Setelah ANda menjadi anggotanya, silahkan aktif untuk mengikuti perkembangannya dan sambil ikut mempromosikan dalam blog Anda yang dapat dihubungkan dengan email atau situs sosial sehingga Anda mampu membangun email baru siamping email lama yang harus terus menerus untuk diupayakan tidak putus hubungan. Untuk memperkuat email agar tidak putus Anda dapat membuat dorongan, nasehat atau setipenya tanpa harus menggurui dan halal bagi Anda untuk memberikan sekedar reward atau hadiah alakadarnya yang mungkin dapat diberikan kepada pelanggan.
Posisi Iklan sebagai strategi promosi.
Jangan terlalu berlebihan dalam menawarkan produk Anda, seperti meletakkan banner produk setiap kali posting. Ini akan berdampak buruk dan berkurang kredibilitas nilai jual dari harga produk yang ditawarkan, lakukanlah secara professional. Silahkan untuk contoh ini untuk membuka situs bisnis online di bawah ini dan Anda dapat mengamati struktur konten affiliasi yang kemungkinan dapat Anda kembangkan. Selamat bergabung ya...!

Demikian konten saya kali ini semoga bermanfaat, mari jalin persahabatan diantara kita untuk membangun negeri tercinta dengan ilmu, iman dan akhhlaqul karimah. Majulah Indonesiaku sengan ilmu dan teknologi yang bersaing.
Billahitaufiq walhidayah....
Wassalamu'alaikum Warakhmatullahi Wabarakatuh.

Friday, May 04, 2012

JPEG Optimizer Compressor Online

Apakah sahabat bloggers kebingunan mencari optimasi gambar yang akan ditayangkan dalam internet karena terlalu besar? Ada fasilitas online yang dapat Anda gunakan untuk mengubah ukuran dan Kompres Foto Digital secara Gambar online. Anda dapat menggunakan JPEG-Optimizer yaitu alat online gratis untuk mengubah ukuran dan mengompresi foto digital Anda dan gambar untuk ditampilkan di web dalam forum atau blog, atau untuk mengirimkan melalui email. Sepenuhnya gratis. Tidak ada software untuk men-download.

Sebagai ilustrasinya saya tampilkan hasil kompresinya dalam gambar sebagai berikut:

Gambar sebelum di kompres

Perhatikan pengaturan default kompresi gambar

Gambar diatas setelah dikompresi hasilnya sebagai berikut:

Gambar berikut ini sebagai hasil laporan pengaturan kompresi, untuk mengambil gambar hasil kompresi silahkan klik kanan mous Anda pada gambar hasil kompresi dan pilih simpan gambar ke komputer Anda.

Berikut ini sebagai ketentuan yang harus dilakukan:

Dengan pengaturan kompresi yang ada kita dapat mengoptimalkan gambar seminimal mungkin, silahkan kunjungi dan lakukan kompresi secara online dan yang jelas graaaatiiiis.

Cara melakukan JPEG Optimasi sesuai intruksi sebagai berikut:

Klik pada tombol browse dan pilih foto digital dari komputer Anda yang ingin dioptimalkan.
Pilih tingkat kompresi antara 0-99 yang ingin Anda olah untuk gambar dengan catatan sebagai berikut:

Tingkat kompresi rendah akan menghasilkan filesize yang lebih kecil tetapi kualitas gambar akan lebih rendah.
Tingkat kompresi yang tinggi akan menghasilkan filesize yang lebih besar meningkatkan kualitas gambar lebih tinggi.
Tingkat kompresi default adalah 65.

Pilih jika Anda ingin merubah ukuran gambar dan memberikan lebar gambar baru. Dimensi gambar akan proporsional ukurannya.
Klik "Optimalkan Foto" untuk mendapatkan gambar baru yang akan ditampikan / ditayangkan di internet.

Selamat bereksperimen semoga sukses, happy blogging!!!

Image Optimizer Gambar Online

Sahabat Bloggers yang berbahagia, pada info toko yang lalu saya tayangkan optimizer gambar melalui jpeg-optimizer.com, hasilnya sudah hebat luar biasa artinya tanpa merubah strukur yang ada. Berikut ini akan saya sampaikan informasi kompresi gambar secara online dan graaaatiiiss yaitu dengan imegeoptimizer.net. Anda ingin menggunakan layanannya silahkan kunjungi situsnya. Dengan menggunakan layanan online gratis, Anda dapat mengubah ukuran, kompres dan mengoptimalkan file foto Anda. Menggunakan layanan ini semudah mengklik tombol! Gambar dioptimalkan lebih baik! Mereka lebih cocok untuk halaman web, lampiran email, atau bahkan penyimpanan pada disk Anda. Cobalah sekarang Anda akan mendapatkan gambar yang memuaskan tapi kecil ukurannya sehingga sangat bagus untuk ditayangkan dalam internet.

Gambar berikut ini sebelum dioptimalkan

Setelah dioptimalkan dengan setting yang ada (standar layanan dihasilkan sebagai berikut. Gambar berikut juga sebagai langkah untuk melakukan setting image Anda, ikuti tanda panah yang ada dari atas kebawah.

Setelah Anda menekan "optimize Now" maka Anda dapat mendownloadnya seperti gambar berikut (gambar telah dioptimalkan).

Anda dapat >mengoptimalkan lain gambar. Atau mengapa tidak Unduh optimasi gambar dengan klik pada tombol download, sehingga berjalan sangat cepat pada komputer Anda sendiri?
Juga jika Anda ingin layanan gratis ini, memberitahu teman Anda tentang hal itu. Kemudian, gambar yang mereka akan mengirimkan email kepada diri sendiri akan meng-upload dan download lebih cepat!

Tuesday, May 01, 2012

Membuat Layout Posting Blog

Membuat Layout Posting Blog



Assalamu'alaikum warakhmatullahi wabarakatuh.
Sahabat Bloggers yang berbahagia, berikut akan saya sampaikan bagaimana cara kita membuat layout posting agar menarik dengan potensi CSS3 yang lebih redup dan namun menyegarkan. Ide ini milik si Gubhug Reyot dengan ide-ide cemerlangnya di http://gubhugreyot.blogspot.com. yang saya modifikasi. Terima kasih untuk mengikuti terus tulisan saya. Caranya mudah sekali, silahkan modifikasi CSS berikut ini untuk ditempatkan di atas tag ]]></b:skin>
 
pre.blue{overflow-x:scroll;overflow:auto;padding:15px 10px;background:#151b47;overflow:auto;border:1px solid #444;text-shadow:1px 1px 2px #000;}.pre{padding:5px;width:0 auto;position:relative;border:1px solid #00F;background:#156;border-radius:8px;;margin:20px 0 15px 0;}.pre pre{text-align:left;line-height:1,5em;font-family:"Arial";display:block;padding:20px 20px 20px 20px;color:#eee;margin:0;overflow:auto;background:#555;max-height:500px;box-shadow:0 0 8px #000;font-size:12px;text-shadow:1px 1px 2px #000;}.pre pre.wsn{white-space:normal;}.pre h5{font-size:14px;font-family:Arno Pro Smbd;text-transform:uppercase;text-align:center;color:#fff;font-weight:600;margin:5px 0 10px 0;padding:0;text-shadow:1px 1px 2px #000;}>/p>
Selanjutnya cara memposting dengan perintah seperti model-1 berikut ini:
<div class="pre"><h5>Letakkan judul disini</h5>
<pre>Isi Posting disini..........</pre></div>

Model-2 dengan cara memberikan tambahan tag <div> didalam tag pre diatas agar lebih menarik yaitu dengan memodifikasi tag shadow sehingga akan nampak secara keseluruhan seperti berikut ini

<div class="pre"><h5>Letakkan judul disini</h5>
<pre>
<div style="background: rgba(255,255,255,.15);font:italic normal 100%/1.4 georgia;padding: 20px 20px 10px 20px;color:#ffffff;-moz-border-radius:8px;-webkit-border-radius:8px;-webkit-box-shadow: 2px 2px 4px #8bd268;-moz-box-shadow: 2px 2px 4px #8bd268;">
<p class="MsoNormal" Style="text-align:justify;text-indent:0.5in;">---Isi posting disini--- </pre></div></div> 

Perlu diketahui bahwa template kita berbeda-beda terutama untuk template saya ini telah menggunakan mode HTML5, maka silahkan menyesuaikan terutasama pada pewarnaannnya. Untuk mencari warna dalam blog silahkan klik di sidebar sebelah kanan pada template saya untuk dibawa ke posting warna atau kilik disini atau bisa juga klik disini. Apabila Anda tertarik memasukkan perintah blocqkuote yang bukan milik Anda (tidak disediakan dalam template) ada alternatuf lain silahkan klik disini.
Apabila Anda bermaksud menambah perintah blockquote dengan hover agar tampil lebih baik, silahkan modifikasi HTML  di template Anda dengan mencari tag blockquote dengan menambah tag dibawahnya seperti berikut (ide dari sahabatku di http://www.centralartikel.com) ini, namun sebelum Anda menerapkannya saya perlu mengingatkan agar menyimpan template aslinya terlebih dulu agar jika terjadi kegagalan Anda bisa mengembalikan ke template semula. 
CSS BlockquoteCSS yang harus dicari di template Anda:
.blockquote {
background:#eeeeee;
border:3px dashed #dddddd;
padding:15px 15px
}
Tambahan tag CSS hover dengan meletakkan dibahnya tag blockquote Anda seperti berikut ini.
.blockquote:hover {
background:#fff;
border:3px dashed #000000;
padding:15px 15px
}


Demikian posting saya kali ini semoga ada manfaat dan terima kasih kepada sahabatku di gubhugreyot yang selalu tampil beda dan OK dengan ide-idenya. Akhir kata mohon maaf atas keslahan dan sampai jumpa pada posting saya lainnya...sukses dan happy blogging...!!!. 
Wassalamu';alaikum warakhmatulllohi wabarakatuh.

Bergabunglah untuk cari uang tak berbelit-belit!

Bisnis terpercaya di Joko Susilo.com dan Stop Dreaming in action Info Toko Surya62. Bisnis spektakuler Best Marketing place, Konten Islami, Bisnis click-bank, Blakblakan Marketing Online, Smart Machine System V 2.0, submit terbaik, MobiGarda-Iphone. Mari cari Uang di Internet bersama dengan klik berikut ini di Info Toko Surya62

Tahukah Anda bagaimana menjadi marketter yang bijak,hebat dan tepat?
daftarkan segera hari ini silahkan klik img bergoyang dibawah!!!

Marilah Tukar Link Untuk Meningkatkan Performance Blog/Web dengan membuka tombol berikut untuk melihat link Anda yang "Sukses!!!" :

Encoder HTML in My Blog
Info Toko Surya62 Wong Kebumen

Silahkan masukkan kode HTML(bebas)jangan lebih dari 50 baris,kemudian klik"convert",
maka akan didapat kode HTML yang siap di posting dan selanjutnya Anda hanya mencopy hasilnya.
Editlah pada program notepad atau wordpad terlebih dahulu ya...

Apabila anda ingin menkonvert lengkap encoding dan decoding online
silahkan kunjungi situs Encode/Decode HTML Entities kesini
Salam Pershabatan Selalu dari saya di Info Toko Surya62

MARI MAJU BERSAMA MEMBANGUN BANGSA DENGAN AKHLAQUL KARIMAH