Sharing ide, guide, tips dan trik

Cara menampilkan kode script pada Artikel Blogger

noreply@blogger.com (Unknown) — Thu, 21 Feb 2013 17:33:00 -0800

Ada kalanya saat kita menulis artikel ingin juga menampilkan kode script, entah javascript, html atau lainya. Agar mudah caranya saya bagi menjadi 2, internal dan eksternal yang menggunakan layanan paste2an,. hahahaha apa yah bahasa indonesianya :04 :11 .

#cara 1 internal

untuk menampilkan script html dll, terlebih dahulu kode tersebut harus diparse, agar kode tidak diproses pada pihak client (browser visitor) istilah umumnya sebut saja HTML Parse.

Untuk mem-parse silahkan gunakan http://www.blogcrowds.com/resources/parse_html.php. Atau untuk mudahnya dengan parser bawaan kolom artikel Blogger. Ada emangnya??? ada lagh ....

Pada kolom kanan klik : Post Setting / Setelan Entri >> Options / Pilihan >> Show HTML literally / Tunjukan HTML apa adanya .

Jangan lupa, saat mengetik / paste kode harus pada mode Compose. Jika sudah klik saja mode HTML maka kode sudah diparse otomatis. Sesuaikan saja saat menulis artikel atau script tag dalam mode Compose atau mode HTML.

Untuk mempercantik jangan lupa taruh kode html yang akan kamu tampilkan didalam blockquote dari artikel ini jg dalam kode <pre> agar tampilanya tidak berantakan seperti dibawah ini .

<blockquote> 
<pre>



<script type="text/javascript">
<!--
google_ads_client = "pub-52xx5874832xx00";
/* Nexthint 338x280 */
google_ad_slot = "6xxx254";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.google.com/show_acds.js">
</script>



kode <pre> disini berguna untuk merapikan dan memotong teks atau kode yang paaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaannnjjjjjjjjaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaang sekaaaaaaaaaaaaaaaaaaali seperti ini



</pre>
</blockquote>

Berikut contoh CSS untuk kode <blockquote> dan <pre> dari blog ini. Edit saja sesuai selera

blockquote {
text-align:left;max-height:480px;width:580px;overflow:auto;background-color: #003060; color: #fff; font-style:italic;margin:10px;padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;text-shadow:none;word-wrap:break-word;
}
pre{margin:10px 0;padding:0px 6px;;font:13px 'andale mono','lucida console',monospace;line-height:120%;white-space: pre-wrap;}

#cara 2 eksternal

Walaupaun ringkas, saya jarang menggunakan ini. karena mungkin akan menambah beban loading page. Sobat blogger bisa mencoba gunakan layanan dari http://pastebin.com atau yang sejenis. Setelah paste code di pastebin, klik saja Embed. dan kamu akan dikasi kode untuk menampikan kode script pada artikel blogger secara embed / iframe seperti dibawah.

embed kode

<script src="http://pastebin.com/embed_js.php?i=KNX1xX1s"></script>

iframe kode

<iframe src="http://pastebin.com/embed_iframe.php?i=KNX1xX1s" style="border:none;width:100%"></iframe>

Tampilan

NOTE :
** Sebelum mengedit XML Template pada blogger, jangan lupa untuk membackupnya lebih dahulu .

15 Style terbaik untuk Blogger Blockquote

noreply@blogger.com (Unknown) — Thu, 21 Feb 2013 07:33:00 -0800

Umumnya blockquote bawaan template default blogger terlihat monoton, malah banyak yg tidak di styling sama sekali. Berikut kumpulan berbagai style blockquote untuk artikel atau template blogger agar terlihat lebih menarik.

Ganti atau tambahkan kode " blockquote " dengan css dibawah ini, bisa jg dengan menambahkan css class .post atau yg sesuai di depan blockquote menjadi seperti ini

.post blockquote {
  kode css
}

Berikut ke 15 Style terbaik untuk Blogger Blockquote

blockquote #1

blockquote{
color: black;
font-family:Courier New;
font-size:9pt;
repeat-y;
max-height:200px;
margin:5px 10px;
padding: 4px 10px 0px 40px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVwBIS9Oq8Wthy0Is9yhBpP_8wdYjr7cO-6fY4HKDY5nQtCKD1Fc0ag16Q-0F7px9wiOr2X1oOd5kL8uSyTKPMcKu21hm_kaAqHNZf6uXbJAMvtc_LXUA3ua6r3Q9ksZn3HNHicgt5jv0/s1600/blockquote_bg.png) repeat-y left top;
white-space: no-wrap;
display: block; 
}

blockquote #2

    blockquote {
    font: italic 1em  "comic sans ms", Tahoma, sans-serif;padding-top: 10px;margin: 5px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbVPkJxyJa_l5j72im_DJ_KnGGawR9zMmZrEgxjjuax86iIuDvIsTz2dgjwfKNFqczk5VB7qtfAB_0XJ_jOjO9ewFv52Im0K7JqQdBxE3lIi3UAlIW-XNK5u9gscrsFAiNMW1Z-cQb9ZM/s400/comma2-left.gif) no-repeat top left;text-indent: 65px;
    }
    blockquote div {
    display: block;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2dZX0RNKDFg_0aBZQDQhXPpuZu61SaMhUNSl4xXcDLAcQsATAmKlD5rsLl2cZbK-MCfwY7vEdTXjW1C7fKuE3YiDNbIH2kwFI0V1uRotQJWyia7Bub68luR5gJiVOPjz4JoRQgGdm_sg/s400/comma2-right.gif) no-repeat bottom right;padding-bottom:10px;
    }
    blockquote p {
    margin: 0;padding-top:10px;
    }

blockquote #3

    blockquote {
    margin : 0 20px;padding: 10px 20px 25px 20px;font: bold .9em "comic sans ms", arial, Helvetica,verdana, Georgia;color : #484848;border: 5px dashed #fff;
    }
    blockquote p {
    margin: 0;padding-top:10px;
    }

blockquote #4

    blockquote {
    margin : 8px 20px;padding: 60px 30px 40px 20px;background : #F1F8FE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5XvL6hOZSZn8ADI7QFbUK9Sbk89DLYbXR96CIGg8z4Ltne7moWmaGm345UQasU5bvMhBzRAHfRosr_coMcO3uERWDt79UiYrOsD4EtqZuByU7I8geqAW1vMQ8aQPOVI2v8RQnpIj-SaQ/s400/owl.png) no-repeat 350px 5px;font: normal .9em "comic sans ms", Courier,"Times New Roman", Times, serif;color : #000;border-left: 8px dotted #DAB547;
    }
    blockquote p {
    margin: 0;padding-top:10px;
    }

blockquote #5

blockquote { background-color: #666; color: #fff; font-weight: bold; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px;boreder-radius:5px; }

blockquote #6

blockquote { margin: 1em 3em; color: #999; border-left: 2px solid #999; padding-left: 1em; }

blockquote #7

blockquote { margin: 1em 2em; border-left: 1px dashed #999; padding-left: 1em;background:#ddd; } 

blockquote p:first-letter { float: left; margin: .2em .3em .1em 0; font-family: "Monotype Corsiva", "Apple Chancery", fantasy; font-size: 220%; font-weight: bold; } blockquote p:first-line { font-variant: small-caps; }

blockquote #8

blockquote { background: #F3F3F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd2Z0cEp-m5JcaO8TydI-Uq_jAVk3Olk-laA2q3OXEaj9glwmjjMKnIaXrS42xiBEDAGSxNj9WI7SrG12dpbHyF6Pt-KN6-yPEly9o9wtXLenpS3HFX1sH8sKSaPuqSRr2BymgXwC4WKI/s1600/comma-side-orange1.gif) ; background-position:; background-repeat:repeat-y; margin: 0 10px; padding: 10px; font-size: 0.9em; font: italic 1.2em Georgia, "Times New Roman", Times, serif; } 
blockquote p { margin: 0; padding-top: 20px 10px; }

blockquote #9

blockquote { font:bold italic .9em "comic sans ms", Tahoma, sans-serif; padding-top: 50px; margin: 5px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrETe-3e2bF_9_lW-ZYEYhaMUTsjLdhSmoAHrYC1yuLWXuytWsRO9KOSlX768NMxOGpAxIylC6qkg6VZWjMYybgfcR7fWrCyMXE2Obh0wy6i9zr1mdGR-A096YFa2z27ddy4386bjgf_I/s400/left.gif) no-repeat top left; text-indent: 65px; color:#6299E4; } 
blockquote div { display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJPy7FbwNpH7rbQQc7AxrjuzMtax4N1VSDwsVcRWBsf1C6WAUUFtl9R7T6KmIC5AZ1B68h2cg4R5ySUBTf7Pu4wS83JdVcxD2hSBjCENTtVNA947bQTGjaJZBvXNyiZybbIcKkSvELeEI/s400/right.gif) no-repeat bottom right; padding-bottom:30px; } 
blockquote p { margin: 0; padding-top:10px; }

blockquote #10

blockquote { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikoY9CMdbiteB6rOzQFy9-W1d0Y_ut5081FALGOL3tbR778NtqMYeS7A2rlvhsKKgodkTPzVcTbFhNf_p_SIMrKIfYiv_91RehhR2fzVlTPLuw4T7_Y4KEcd74VGdZS6pUAhBGT7Y_Zw6L/s1600/quote.png) 5% no-repeat #FFF8DD;background-position:-10px -7px; color:#000;font-style:normal;border: 1px dashed #FFC600; margin: 20px 0px; padding: 20px 0px 0px 20px; }

blockquote #11

blockquote{ background-color: transparent; border-top: 3px double #DC143C; border-bottom: 3px double #DC143C; padding: 5px; font-style: oblique; font-size: 1em; margin-left: 5%; margin-right: 5%; }

blockquote #12

blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } 
blockquote p { margin: 0; }

blockquote #13

    blockquote {
    font: 18px normal Tahoma, sans-serif;padding-top: 10px;margin: 5px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhJ2jZKEG2uVme5IRrLKOMlGAl45K6BRaus1Qcs8OvDVHKM-y0YCC7uUpHy0XyLKvOAmO7YM1S3pO4mhEJYfhJlRPOQNZId5Hjp8O43Sx9BzfIGAYFtsrC-6TLAQpknPdNjP_kR920VGw/s400/comma-left.gif) no-repeat top left;text-indent: 65px;
      }
    blockquote div {
    display: block;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipeZWIoOYNNpklFJrYL3Qswh0RDDNXgGDZodyIkzx7dQRIBXhOaTXUsNYiQUxhIcygwigFHyJM1mG2i91s61pF5ZIvSl6VyV8cknBPzgm7sytmyyK4ToL6pRegHZ9XyxdFbuTBW_6xI6M/s400/comma-right.gif) no-repeat bottom right;padding-bottom:10px;
    }
    blockquote p {
    margin: 0;padding-top:10px;
    }

blockquote #14

blockquote { 
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiesyHg75C4JxhKpi4BaKV5pc5ECMCqA-NU72TWsco71RlV9Vh9zESGNB5kMii8Y16dbbLWqXLI4anK3ZZr-K25oGnrKEOPiXtJScWKC1WVZMPB0HIbYAkN3K-CZvg6dDNtR5krvvkSaGA/s1600/blockquote_bg4.png") no-repeat transparent;
border-left: 5px solid #D0D4D8;
font-size: 18px;
font-style: italic;
line-height:120%;
margin: 20px 10px;
padding-left: 10px;
}

blockquote #15, yg dipakai blog ini

blockquote {
text-align:left;max-height:480px;width:580px;overflow:auto;background-color: #003060; color: #fff; font-size:12px;font-style:italic;font-face:arial; margin:10px;padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;text-shadow:none;word-wrap:break-word;
}

NOTE :

** Sobat blogger bisa mengedit sendiri agar tampilan bisa sesuai dengan template yg sudah ada .
** Sebelum mengedit XML Template pada blogger, jangan lupa untuk membackupnya lebih dahulu .

Widget komentar blogger dengan filter admin

noreply@blogger.com (Unknown) — Sun, 17 Feb 2013 17:48:00 -0800

Sobat blogger, sangat tidak lucu kan kalo di widget recent comment yg muncul kebanyakan malah nama kita sendiri sebagai blog owner. Ya mau gimana lg karena kita baru sempat membalas komentar setelah beberapa lama gak online, sedangkan widget recent comment pasti akan me-list komentar2 terakhir dr blog.. #WTF

Widget komentar atau recent comment dengan filter admin ini saya comot langsung dari widget yg ada di home nextbiker.com . Silahkan diedit sendiri css dan setingnya . Untuk penempatan CSS bisa dijadikan satu dalam widget atau dipisah .

<style type="text/css">
.recent-comment        { margin:6px 0px 10px 4px;}
.recent-comment-admin  { background-color: #F8F1DF; }
.recent-comment-ico    { 
    padding: 2px;
    background: #fefefe;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
    float: left;
    margin: 0 6px 0 0;
    position: relative;
    overflow: hidden;}
.avatarRound {
   -moz-border-top-left-radius: 6px;
   -webkit-border-top-left-radius: 6px;
   border-top-left-radius: 6px;
   -moz-border-bottom-right-radius: 6px;
   -webkit-border-bottom-right-radius: 6px;
   border-bottom-right-radius: 6px;
}
.recent-comment-header {}
.recent-comment-body   { 
   padding-right: 4px; 
   font-size: 90%;
   color:#666;
   font-style:italic
}
.recent-comment-footer { 
   font-size: 85%; 
}
</style>

Edit value dari // CONFIG START: sampai // CONFIG END atau teks yg berwarna hijau

<script type="text/javascript">

    // CONFIG START:
    var numRecentComments = 6;
    var numPerPost = 2; // max comments per post (to try) or 0
    var maxCommentChars = 0;
    var maxPostTitleChars = 30; // if 0, use full post title
     
    var txtWrote = '<!--wrote-->';
    var txtMore = '<!--readmore-->';
    var txtTooltip = '[title]';
    var txtAnonymous = 'Anonym'; // empty, or Anonymous user name localized
    // Variables [xxx] in texts:
    // supports [title], [user], [date], [time], [datetime], [date format]
    // format supports: yyyy=long year, yy=short year, MM=month(01-12), dd=monthday, hh=hour, mm=min, ss=sec
     
    var getTitles = true;   // false faster
    var trueAvatars = true; // false faster
    var urlMyAvatar = '';   // can be empty (then it is fetched) or url to image
    var urlMyProfile = '';  // set if you have no profile gadget on page
    //
    var cropAvatar = true;
    var sizeAvatar = 30;
    var urlNoAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5ptnZ0qOmKagvCy5JGt6HUhP2fBEvXumJQViy74bpLnPLz4zY0Ljn4IareiCPp08wlFBLY_HG0Wu8B2PLbEIb6FgQBXQSWq77EBB1ZNpB6D5kX3AU8hwcbGkJ3Po1qJK3pIyov3wnXNE/"+sizeAvatar+"/avatar_blue_m_96.png";
    //
    var urlAnoAvatar = 'http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=' + sizeAvatar;
    var maxResultsPosts = "";       // or for example "&max-results=100"
    var maxResultsComments = "";    // or for example "&max-results=300"
    // CONFIG END
    var urlToTitle = {};
    function replaceVars(text, user, title, date) {
      text = text.replace('[user]', user);
      text = text.replace('[date]', date.toLocaleDateString());
      text = text.replace('[datetime]', date.toLocaleString());
      text = text.replace('[time]', date.toLocaleTimeString());
      text = text.replace('[title]', title.replace(/"/g,'&quot;'));
      var i = text.indexOf("[date ");
      if(i > -1) {
        var format = /[dates+(.+?)]/.exec(text)[1];
        if(format != '') {
          var txtDate = format.replace(/yyyy/i, date.getFullYear());
          txtDate = txtDate.replace(/yy/i, date.getFullYear().toString().slice(-2));
          txtDate = txtDate.replace("MM", String("0"+(date.getMonth()+1)).slice(-2));
          txtDate = txtDate.replace("mm", String("0"+date.getMinutes()).slice(-2));
          txtDate = txtDate.replace("ss", String("0"+date.getSeconds()).slice(-2));
          txtDate = txtDate.replace("dd", String("0"+date.getDate()).slice(-2));
    //or: txtDate = txtDate.replace("dd", date.getDate());
          txtDate = txtDate.replace("hh", String("0"+date.getHours()).slice(-2));
    //or: txtDate = txtDate.replace("hh", date.getHours());
          text = text.replace(/[dates+(.+?)]/, txtDate)
        }
      }
      return text;
    }
    if(urlMyProfile == "") {
      var elements = document.getElementsByTagName("*");
      var expr = /(^| )profile-link( |$)/;
      for(var i=0 ; i<elements.length ; i++)
        if(expr.test(elements[i].className)) {
          urlMyProfile = elements[i].href;
          break;
        }
    }
    function getPostUrlsForComments(json) {
      for(var i = 0 ; i < json.feed.entry.length ; i++ ) {
        var entry = json.feed.entry[i];
        for (var k = 0; k < entry.link.length; k++ ) {
          if (entry.link[k].rel == 'alternate') {
            href = entry.link[k].href;
            break;
          }
        }
        urlToTitle[href] = entry.title.$t;
      }
    }
    function showRecentComments(json) {
      var postHandled = {};
      var j = 0;
      if(numPerPost) {
        while(numPerPost < numRecentComments) {
          for(var i = 0 ; i < json.feed.entry.length ; i++ ) {
            var entry = json.feed.entry[i]; if(entry.author[0].name.$t=="Admin Nextbiker") continue;
            if(entry["thr$in-reply-to"]) {
              if(!postHandled[entry["thr$in-reply-to"].href])
                  postHandled[entry["thr$in-reply-to"].href] = 1;
              else
                  postHandled[entry["thr$in-reply-to"].href]++;
              if(postHandled[entry["thr$in-reply-to"].href] <= numPerPost)
                j++;
            }
          }
          if(j >= numRecentComments)
            break;
          numPerPost++;
          j = 0;
          postHandled = {};
        }
        if(numRecentComments == numPerPost)
           numPerPost = 0;
      }
      postHandled = {};
      j = 0;
      for(var i = 0 ; j < numRecentComments && i < json.feed.entry.length ; i++ ) {
        var entry = json.feed.entry[i]; if(entry.author[0].name.$t=="Admin Nextbiker") continue; 
        if(numPerPost && postHandled[entry["thr$in-reply-to"].href] && postHandled[entry["thr$in-reply-to"].href] >= numPerPost)
          continue;
        if(entry["thr$in-reply-to"]) {
          if(!postHandled[entry["thr$in-reply-to"].href])
              postHandled[entry["thr$in-reply-to"].href] = 1;
          else
              postHandled[entry["thr$in-reply-to"].href]++;
          j++;
          var href='';
          for (var k = 0; k < entry.link.length; k++ ) {
            if (entry.link[k].rel == 'alternate') {
              href = entry.link[k].href;
              break;
            }
          }
          if(href=='') {j--; continue; }
          var hrefPost = href.split("?")[0];
          var comment = "";
          if("content" in entry) comment = entry.content.$t;
          else                   comment = entry.summary.$t;
          comment = comment.replace(/<br[^>]*>/ig, " ");
          comment = comment.replace(/<S[^>]*>/g, "");
          var postTitle="-";
          if(urlToTitle[hrefPost]) postTitle=urlToTitle[hrefPost];
          else {
            if(hrefPost.match(//([^/]*).html/)) postTitle = hrefPost.match(//([^/]*).html/)[1].replace(/_d{2}$/, "");
            postTitle = postTitle.replace(/-/g," ");
            postTitle = postTitle[0].toUpperCase() + postTitle.slice(1);
          }
          if(maxPostTitleChars && postTitle.length > maxPostTitleChars) {
            postTitle = postTitle.substring(0, maxPostTitleChars);
            var indexBreak = postTitle.lastIndexOf(" ");
            postTitle = postTitle.substring(0, indexBreak) + "...";
          }
     
          var authorName = entry.author[0].name.$t;
          var authorUri = "";
          if(entry.author[0].uri && entry.author[0].uri.$t != "")
            authorUri = entry.author[0].uri.$t;
       
          var avaimg = urlAnoAvatar;
          var bloggerprofile = "http://www.blogger.com/profile/";
          if(trueAvatars && entry.author[0].gd$image && entry.author[0].gd$image.src && authorUri.substr(0,bloggerprofile.length) == bloggerprofile)
            avaimg = entry.author[0].gd$image.src;
          else {
            var parseurl = document.createElement('a');
            if(authorUri != "") {
              parseurl.href = authorUri;
              avaimg = 'http://www.google.com/s2/favicons?domain=' + parseurl.hostname;
            }
          }
          if(urlMyProfile != "" && authorUri == urlMyProfile && urlMyAvatar != "")
            avaimg = urlMyAvatar;
          if(avaimg == "http://img2.blogblog.com/img/b16-rounded.gif" && urlNoAvatar != "")
            avaimg = urlNoAvatar;
          var newsize="s"+sizeAvatar;
          avaimg = avaimg.replace(//sdd+-c//, "/"+newsize+"-c/");
          if(cropAvatar) newsize+="-c";
          avaimg = avaimg.replace(//sdd+(-c){0,1}//, "/"+newsize+"/");
          if(authorName == 'Anonymous' && txtAnonymous != '' && avaimg == urlAnoAvatar)
            authorName = txtAnonymous;
          var imgcode = '<img class="avatarRound" height="'+sizeAvatar+'" width="'+sizeAvatar+'" title="'+authorName+'" src="'+avaimg+'" />';
          if (authorUri!="") imgcode = ''+imgcode+'';
          var clsAdmin = "";
          if(urlMyProfile != "" && authorUri == urlMyProfile)
              clsAdmin = " recent-comment-admin";
          var datePart = entry.published.$t.match(/d+/g); // assume ISO 8601
          var cmtDate = new Date(datePart[0],datePart[1]-1,datePart[2],datePart[3],datePart[4],datePart[5]);
     
          var txtHeader = txtWrote;
          if(txtWrote.indexOf('[')==-1)
            txtHeader = authorName + ' ' + txtWrote;
          else
            txtHeader = replaceVars(txtHeader, authorName, postTitle, cmtDate);
     
          var tooltip = replaceVars(txtTooltip, authorName, postTitle, cmtDate);
          if(!/#/.test(href)) href += "#comments";
          document.write('<div title="'+tooltip+'" class="recent-comment'+clsAdmin+'">');
          document.write('<div title="'+tooltip+'" class="recent-comment-header'+clsAdmin+'"><div title="'+tooltip+'" class="recent-comment-ico avatarRound'+clsAdmin+'">'+imgcode+'</div> ' + txtHeader + ' <br/>@ <a style="font-weight:small;text-transform:lowercase;color:#CFEC45;" title="'+tooltip+'" href="' + href + '">' + tooltip + '</a></div>');
          if(comment.length < maxCommentChars)
            document.write('<div title="'+tooltip+'" class="recent-comment-body'+clsAdmin+'">' + comment + '</div>');
          else {
            comment = comment.substring(0, maxCommentChars);
            var indexBreak = comment.lastIndexOf(" ");
            comment = comment.substring(0, indexBreak);
            document.write('<div title="'+tooltip+'" class="recent-comment-body'+clsAdmin+'">' + comment + '<!--...--></div>');
            if(txtMore != "") {
              var moretext = replaceVars(txtMore, authorName, postTitle, cmtDate);
              document.write('<div title="'+tooltip+'" class="recent-comment-footer'+clsAdmin+'"><a title="'+tooltip+'" href="' + href + '">' + moretext + '</a></div>');
            }
          }
          document.write('<div style="clear:both;"></div></div>');
        }
      }
    }
    if(getTitles)
      document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/posts/summary?redirect=false'+maxResultsPosts+'&alt=json-in-script&callback=getPostUrlsForComments"></'+'script>');
    document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false'+maxResultsComments+'&alt=json-in-script&callback=showRecentComments"></'+'script>');
    </script>

NOTE :

** Nama blog owner / admin case sensitive yg artinya huruf besar dan kecil berpengaruh.
** Tidak semua lambang alay / special character untuk nama blog owner bisa bekerja .
** Ganti teks hijau dengan yang sesuai .

Blogger SEO Smartlink atau Autolink

noreply@blogger.com (Unknown) — Sun, 3 Feb 2013 09:13:00 -0800

Jadi inget salah satu plugin favorit saya di platform Wordpress yang bernama SEO Smart Links buatan Vladimir Prelovac . Plugin tersebut memakan resource yang besar, jadinya sering kena tegor yang punya hosting, apalagi di tambah plugin auto2an, yang punya hosting jd tambah dongkol :04

Kembali ke laptop, fungsi dari Blogger SEO Smartlink atau Autolink adalah membuat kata / keyword otomatis menjadi link yang bisa kita arahkan. Ya mungkin masih banyak kekurangan di banding SEO Smart Links di Wordpress. Penulis sendiri nggak tau script blogger Autolink atau Smartlink ini ngaruh ke SEO apa nggak, tapi apa salahnya kita coba . Silahkan pasang dan buktikan sendiri ngefek nggak ke blog sobat blogger.

Oke pertama cari kode ini ,

</head> atau </body>

terserah script dibawah ini mau ditaruh diatas head / body . atau dipisah. saya sendiri untuk bagian atas saya taruh di atas penutup head dan bagian bawah saya taruh di atas penutup body.

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


<script type='text/javascript'>
 var f = new autoLink();
 f.add("keyword 1","http://bloganda.blogspot.com/");
 f.add("keyword 2","http://bloganda.blogspot.com/");
 f.startScript();
 </script>

Jika terjadi error, walaupun blog ini nggak ya, kemungkinan karena script bagian kedua blm di parse. Jadi bagian ke dua pakai yg ini saja.

<script type='text/javascript'>
var f = new autoLink();
f.add(&quot;keyword 1&quot;, &quot;http://bloganda.blogspot.com/&quot;);
f.add(&quot;keyword 2&quot;, &quot;http://bloganda.blogspot.com/&quot;);
f.startScript();
</script><

Jangan lupa, karena script ini untuk artikel posting atau kondisional, sebaiknya muncul ketika halaman artikel dibuka saja agar tidak memberatkan loading page lainnya. Scriptnya jadi seperti ini

<b:if cond='data:blog.pageType == &quot;item&quot;'> 


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


<script type='text/javascript'>
 var f = new autoLink();
 f.add("keyword 1","http://bloganda.blogspot.com/");
 f.add("keyword 2","http://bloganda.blogspot.com/");
 f.startScript();
 </script>


</b:if>

NOTE :

** Keyword case sensitive yg artinya huruf besar dan kecil berpengaruh.
** Ganti teks hijau dengan yang sesuai .
** Sebelum mengedit XML Template pada blogger, jangan lupa untuk membackupnya lebih dahulu .

Mengganti lokasi folder desktop pada Windows

noreply@blogger.com (Unknown) — Wed, 16 Jan 2013 09:40:00 -0800

Umumnya lokasi Desktop folder untuk windows 7 ada di C:\Users\(username)\Desktop. Jadi semua penampakan file2 yang terlihat pertama kali ketika komputer dihidupkan ada di lokasi ini, walaupun mungkin hanya berupa shortcut saja.

Memang kenapa sih kok pakai dipindah2 segala, kayak kurang gawean aja?? Nah itu karena kompi penulis menggunakan Deepfreeze pada drive C:, jadi ketika kompi restart semua setingan dan file2 tertentu akan kembali atau hilang. Masalahnya, saia (begitu juga anda) paling suka menaruh file2 random yg kadang termasuk penting di desktop, baik itu hasil download atau hasil copy dari flashdisk.

Bayangin aja kalo kita sudah bete berjam-jam bahkan semalem suntuk nunggu hasil download filem dan game ~~atau bokep~~ dengan ukuran gigabyte, begitu selesai entah dengan alasan apa kompi harus restart/off?? bakal nangis guling2 lah, karena sudah pasti file hasil download kita bakal LENYAP !! iya mungkin memang bisa disetting, hasil download kita mau ditaruh di Drive yang tidak kena freeze, tapi kadang namanya mata sudah 5 watt apa kita sempet mikir2 begitu?? tidak lah . Lagipula kebanyakan dari kita juga menginstall browser / software download manager di drive C: kan?? yang berarti ketika proses donwload terpaksa berhenti dan kompi restart/off, kita juga sudah tak bisa meresume proses download file tersebut, ya karena setingan software akan kembali seperti sebelumnya. Kecuali anda install software2 tersebut di drive yang berbeda dengan drive windows.

Okeeehh, sekian dulu dongeng dari saya, intinya banyak banget keuntungan yg kita peroleh dengan memindahkan lokasi folder desktop, gak cuma yang berhubungan sama Deepfreeze aja.

Untuk mengganti lokasi folder desktop pada windows, berikut langkahnya .

1. Buka Registry Editor / ketik regedit di start menu .
2. Pada Registry Editor buka
HKCU > Software > Microsoft > Windows > CurrentVersion > Explorer > User Shell Folders.
3. Di jendela sebelah kanan pilih Desktop.
4. Ketik lokasi baru folder dektop disini. Kalau saia tak taruh ke " D:\File\Desktop "
5. Tutup Registry Editor dan restart / logoff .

Sebenarnya bisa aja sekalian pindahkan User Profile folder yang berlokasi di C:\Users\(username) , tapi mungkin saia bahas lain kali saja.

Merekam flash video pada JW Player

noreply@blogger.com (Unknown) — Wed, 16 Jan 2013 07:49:00 -0800

Berbeda dengan Youtube, yang dengan mudah kita bisa mendownload video streamnya dengan IDM atau plugin browser biasa . Itu karena protocol yang digunakan Youtube tidak berbelit-belit seperti pada situs tertentu. Misalnya video-video di web TransTV ~~http://www.mytrans.com/kanal/62/night-show .~~

Sampai saat ini saya pun belum bisa menenukan software yang bisa mendownload langsung dari JW Player, karena kebanyakan ber-protocol RTMP/RTMPT bukan http:// seperti pada Youtube. Dan gebleknya lagi, stream pada video2 seperti ini tidak akan meninggalkan cache yg bisa dicari dan diputar ulang secara lokal. Haddowhh... Terus gimane donk?? ya satu2nya cara untuk mengakali cuma dengan cara merekam stream video yang sedang berjalan pada flash player atau sebut aja Stream Recording.

Dengan stream recording akan ada banyak kekurangan, salah satunya yang paling fatal yaitu Video akan ikut goyang patah-patah jika koneksi internetmu lelet ketika memutar video dari JW Player.

Berikut berbagai software yang bisa merekam flash video pada JW Player, silahkan googling saja untuk mencari softwarenya . Saya sendiri merekomendasikan no 1 & 2 , sedangkan OrbitDownloader pas saya coba kebetulan sudah nggak bisa lagi.

1. Replay Media Catcher (Shareware/Windows)

2. WM Recorder (Shareware/Windows)

3. rtmpdump (Freeware/Windows, Linux, Mac OS X)

4. RTMPexplorer (Freeware/Windows)

5. get-flash-videos (Freeware/Windows, Linux, Mac OS X)

6. CooJah + Blader (Freeware/Windows)

7. Jaksta (Shareware/Windows)

8. NetTransport (Shareware/Windows)

Punya tips / trik untuk mendownload stream video pada JW Player berprotocol RTMP/RTMPT atau tau software lainnya?? silahkan share saja

Variasi Blogger Meta Tags pada tiap Halaman

noreply@blogger.com (Unknown) — Wed, 16 Jan 2013 07:49:00 -0800

Adakah yang salah dengan default meta tags pada template2 blogger yang belum dioptimasi?? sebenarnya tidak ada. Trik ini selain sebagai langkah optimasi SEO agar lebih searchengine friendly karena untuk menghindari adanya Duplicate Title/Deskripsi juga memudahkan navigasi Blogger.

Anda bisa menerapkan berbagai variasi Meta Tags yang berbeda pada blogger. Tidak harus terpaku pada tutorial tips dan trik di bawah.

Berikut langkah untuk menambahkan Meta Tags yang berbeda pada tiap halaman / artikel / post pada blogger .

1. Merubah title tags atau Judul

<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
<b:skin><![CDATA[/*

2. Menambahkan Meta tags Description dan Meta Keywords

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='home page description' name='description'/>
<meta content='keywords, keywords1, keyword2' name='keywords'/>
</b:if>

<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageTitle' name='Description'/>
<meta expr:content='data:blog.pageName + ", keywords, keywords1, keyword2 "' name='keywords'/>
</b:if>

3. Hasilnya harusnya seperti dibawah ini.

<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='home page description' name='description'/>
<meta content='keywords, keywords1, keyword2' name='keywords'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageTitle' name='Description'/>
<meta expr:content='data:blog.pageName + ", keywords, keywords1, keyword2 "' name='keywords'/>
</b:if>
<b:skin><![CDATA[/*

4. Simpan. Selesai

NOTE :

** Ganti teks hijau dengan yang sesuai .
** Sebelum mengedit XML Template pada blogger, jangan lupa untuk membackupnya lebih dahulu .

Mematikan AutoUpdate pada IDM

noreply@blogger.com (Unknown) — Wed, 16 Jan 2013 07:48:00 -0800

Sebenarnya fitur AutoUpdate pada IDM sangat berguna, Antara lain memberitahu kita jika ada update terbaru, namun seringkali mengganggu karena kadang IDM malah menjadi Fake Serial Number. Langsung saja, berikut langkah untuk mematikan Auto update pada Internet Download Manager.

1. Ketik regedit pada start menu . Search program and Files pada windows 7 atau run pada wins XP atau tahan saja tombol Windows dan klik R .

2. Di Regedit interface, Klik HKEY_CURRENT_USER

3. Klik Software.

4. Klik kanan DownloadManager pilih new kemudian DWORD .Pilih sesuai type Windows yg diguanakan 32/64 bit.

5. Ketik nama AutoUpdate dan biarkan setingan default 0.

6. Kemudian klik kanan pada pilihan ExceptionServers.

7. Klik modify tambahkan teks ” *.tonec.com ” di baris paling akhir, tanpa tanda kutip.

8. Klik OK.

9. Tutup jendela registry.

10. Restart Komputer.