berbagi berbagai tutorial

cara mudah dan praktis earn token ninja saga

2014-02-17T16:55:00.002+07:00

Setelah sekian lama saya tidak update postingan,kali ini saya akan membahas game lawas yang kembali booming,namanya adalah Ninja Saga.saya tidak akan membahasa tentang gamenya,tapi saya akan membahas cara mendapat sesuatu yang sangat berharga di Ninja Saga,yaitu TOKEN.
langkah-langkahnya cukup panjang,tapi saya akan berusaha untuk menjelaskan semuanya dengan rinci,sebelum kita masuk ke tutorial,ada baiknya anda follow blog ini dulu agar anda bisa mengetahui update-update postingan dari blog ini.oke kita menuju ke tutorial

1.install dulu anonymox dengan cara tekan shift+ctrl+a di mozilla firefox

(klik gambar untuk memperbesar)

2.lalu cari ANONYMOX

(klik gambar untuk memperbesar)

3.kemudian INSTALL

4.setelah di install anda akan diminta untuk me-restart mozilla

(klik gambar untuk memperbesar)

5.pastikan anonymox aktif dan anda memilih negara US (caranya dengan klik lambang anonymox (ada dibawah tanda close,terkadang lambang anonymox berada di mozilla bagian pojok kanan bawah) lalu ubah 'ALL' menjadi 'US' ,Jika anda kebingungan dalam langkah nomer 5 ini,anda bisa melewati langkah ini

6.lalu buka www.ninjasaga.com/earn-token

7.kemudian pilih yang supersonicads

8.kemudian cari yang keterangannya "Saga Tokens awarded when you download and install the software. Offer reports on a 15 minute delay."

9.kemudian klik earn,lalu anda akan diarahkan ke sebuah situs

10.tinggal klik download/install/get aja

11.kemudian install aplikasi yang anda download tadi

12.jangan lupa buat screenshot waktu install selesai / waktu anda sedang menjalankan program tersebut (usahakan screenshot satu layar penuh (jam laptop kelihatan) )

seperti ini contohnya :

(klik gambar untuk memperbesar)

13.kemudian klik www.ninjasaga.com/earn-token lagi

14.lalu pilih supersonic ads lagi

15.kemudian klik tulisan 'total 0 earned' (di akun saya tulisannya 169 karena saya sudah pernah mendapatkan 169 token)

(klik gambar untuk memperbesar)

16.lalu cari tulisan 'missing saga token' ,jika belum ada,silahkan tunggu 15 menit lalu reload lagi dan cari tulisan 'missing saga token' lagi

(klik gambar untuk memperbesar)

17.klik missing saga token,lalu klik submit support ticket

(klik gambar untuk memperbesar)

18.kemudian nanti anda akan diminta untuk mengisi kolom email dan komentar,dikolom
paling bawah adalah upload gambar

19.isi komentarnya kurang lebih sebagai berikut :

" Dear Ninja Saga,i was complete all step,but i still not get my token,hope you can give
it as soon as possible,thank's "

hehe sorry,saya nggak jago bahasa inggris :D

20.silahkan upload gambar anda waktu menginstall/ sedang menggunakan software yang diperintahkan oleh supersonic ads tadi

contoh waktu saya ngisi :

(klik gambar untuk memperbesar)

21.cek email anda,jika anda mendapat pesan bertuliskan REJECTED,maka silahkan ulangi lagi,jika anda mendapat pesan yang tulisannya bukan REJECTED,maka silahkan menunggu 1-7 hari

(klik gambar untuk memperbesar)

semoga penjelasan saya yang amatir ini bisa anda pahami ,silahkan bertanya di komentar jika ada pertanyaan lagi :D

terimakasih atas kunjungannya

sumber gambar : Screenshot saya sendiri (kecuali gambar pertama)

cara cepat mendownload video dari youtube

2013-11-16T16:25:00.003+07:00

Setelah 1 tahun lebih blog ini non-aktif karena kesibukan penulis di dunia nyata,kali ini saya akan membuat tutorial dengan tema baru,karena saya rasa pembaca akan bosan jika saya terus mengulas tentang tutorial blog,maka dari itu sekarang blog ini berisi tentang segala tutorial.kali ini saya akan membuat postingan tentang cara cepat dan mudah mendownload video dari youtube walaupun sebenarnya tutorial ini sudah lama,tapi lebih baik saya post saja karena mungkin saja masih ada yang belum tau
oke sebelum memulai silahkan follow dulu blog ini agar anda bisa mengetahui tentang postingan-postingan terbaru dari blog ini

oke kita mulai :
1. buka youtube.com
2.silahkan cari video yang akan anda download di youtube,sebagai contoh saya mencari video klip avenged sevenfold - afterlife

3.klik video tersebut

4.ubah 'www.youtube' menjadi 'ssyoutube'

5.tunggu sampai anda diarahkan ke sebuah situs bernama savefrom.net
6.tunggu loading
7.pilih format yang anda inginkan

8.tunggu sampai ada pop-up download muncul

9.silahkan download dan tunggu sampai selesai
10.video sudah bisa dinikmati

semoga tutorial ini bermanfaat

Cara membuat efek bayangan pada tulisan blog

2012-10-21T06:06:00.002+07:00

Dikesempatan kali ini saya akan membagi postingan tentang Cara membuat efek bayangan pada tulisan blog,sebenarnya ini adalah trik yang sudah cukup lama tapi tak ada salahnya jika saya posting kembali mungkin saja ada para blogger yang belum tau,efek ini menurut saya cukup menarik dan simpel,sebelum kita memulai tutorial ini ada baiknya anda memfollow blog ini terlebih dahulu setelah itu mari kita mulai

untuk teks dengan bayangan

anda hanya perlu mengcopy kode ini
<style type="text/css">b.drop-shadow { text-shadow: 2px 2px 2px yellow }</style><font color="red"><b class="drop-shadow"><b>tulisan yang anda inginkan</b></font></b>

hasilnya akan seperti ini

tulisan yang anda inginkan

untuk link dengan bayangan

anda hanya perlu mengcopy kode ini

<a href="webmiftah.blogspot.com"><style type="text/css">b.drop-shadow { text-shadow: 2px 2px 2px blue }</style><font color="yellow"><b class="drop-shadow"><b>webmiftah.blogspot.com</b></font></b></a>

hasilnya seperti ini:

webmiftah.blogspot.com

oh iya untuk cara pemasangannya kode dicopy di tab html pada postingan seperti gambar dibawah ini,atau bisa dipasang pada fitur edit html

keterangan:

-untuk tulisan berwarna biru,merah dan kuning bisa anda rubah dengan warna keinginan anda

-untuk tulisan yang berwarna hitam bisa anda ganti dengan teks yang ingin anda tampilkan

-untuk tulisan yang berwarna biru muda bisa anda rubah dengan link yang anda inginkan

sekian tutorial dari saya,selamat mencoba

cara membuat text area dan jenis-jenisnya

2012-09-01T06:17:00.000+07:00

kali ini saya membahas tentang cara membuat text area dan jenis-jenisnya,text area adalah sebuah kotak khusus yang biasanya diisi dengan kode,text,gambar maupun widget,text area berguna untuk memudahkan dalam hal mengcopy kode,yaudah daripada makin bingung langsung aja lihat koleksi text area milik saya tinggal dipilih mana yang paling kalian suka,tapi jangan lupa follow blog ini dulu ya

<textarea cols="40" name="code" rows="3" style="background: none repeat scroll 0% 0% rgb(121, 222, 111); border-radius: 7px 7px 7px 7px; border: 1px solid rgb(202, 61, 217); color: red; height: 147px; line-height: 1.5em; padding: 5px; width: 387px;">isi sesuatu disini</textarea>

<textarea cols="40" name="code" rows="3" style="background: none repeat scroll 0% 0% rgb(11, 112, 134); border: 3px dotted rgb(255, 119, 59); color: #ffeff9; height: 154px; line-height: 1.5em; padding: 5px; width: 391px;"> isi sesuatu disini </textarea>

<textarea cols="40" name="code" rows="3" style="background: none repeat scroll 0% 0% rgb(255, 111, 1); border-color: rgb(155, 0, 215) rgb(64, 255, 255) rgb(64, 255, 255) rgb(155, 0, 215); border-radius: 10px 10px 10px 10px; border-style: solid; border-width: 4px; color: white; height: 180px; line-height: 1.5em; padding: 5px; width: 397px;">isi sesuatu disini</textarea>

<textarea cols="40" name="code" rows="3" style="background: none repeat scroll 0% 0% rgb(0, 255, 255); border: 2px dashed rgb(231, 95, 122); color: red; height: 130px; line-height: 1.5em; padding: 5px; width: 390px;">isi sesuatu disini</textarea>
<textarea cols="40" name="code" rows="3" style="background: none repeat scroll 0% 0% rgb(255, 0, 255); border: 5px outset rgb(231, 95, 122); color: black; height: 130px; line-height: 1.5em; padding: 5px; width: 390px;">isi sesuatu disini</textarea
<textarea cols="40" name="code" rows="3" style="background: none repeat scroll 0% 0% rgb(235, 125, 0); border: 5px ridge rgb(231, 112, 122); color: blue; height: 130px; line-height: 1.5em; padding: 5px; width: 390px;">isi sesuatu disini</textarea>

<textarea cols="40" name="code" rows="3" style="background: none repeat scroll 0% 0% rgb(225, 248, 255); border-bottom-right-radius: 15px; border-top-left-radius: 15px; border: 2px ridge rgb(127, 255, 0); color: #771200; height: 153px; line-height: 1.5em; padding: 5px; width: 391px;">isi sesuatu disini</textarea>

<textarea cols="40" name="code" rows="3" style="background: none repeat scroll 0% 0% rgb(0, 111, 221); border: 5px double rgb(0, 112, 122); color: yellow; height: 130px; line-height: 1.5em; padding: 5px; width: 390px;">isi sesuatu disini</textarea>
<textarea cols="40" name="code" rows="3" style="background: none repeat scroll 0% 0% rgb(111, 222, 111); border: 5px groove rgb(221, 32, 122); color: blue; height: 130px; line-height: 1.5em; padding: 5px; width: 390px;">isi sesuatu disini</textarea>

<textarea cols="40" name="code" rows="3" style="background: none repeat scroll 0% 0% rgb(111, 25, 25); border: 5px inset rgb(12, 95, 11); color: #fff000; height: 130px; line-height: 1.5em; padding: 5px; width: 390px;">isi sesuatu disini</textarea>
tinggal dipilih mana yang anda suka (kodenya ada dibawah contoh text area)

kalau nggak tahu cara masangnya baca caranya dbawah ini

1.login ke akun blogger anda
2.pilih fitur tata letak
3.kemudian pilih "tambah gadget"
4.lalu pilih "html/java script"
lalu masukkan kode yang anda pilih dari koleksi text area diatas

selamat mencoba

cara memasang tombol back to top di blog

2012-08-25T08:16:00.000+07:00

kali ini saya akan mostng tentang cara memasang tombol back to top di blog,sebenarnya ini adalah tutorial lama,tapi daripada gak mosting lebih baik mosting aja meskipun sudah telat hahaha.Tombol back to top digunakan untuk kembali ke bagian teratas di blog,yaudah tak usah berbasa-basi langsung aja,tapi jangan lupa follow blog ini dulu ya

1.login ke akun blogger anda
2.pilih fitur tata letak
3.kemudian pilih "tambah gadget"
4.lalu pilih "html/java script"
lalu masukkan kode dibawah ini

5. lalu simpan

ganti tulisan berwarna merah dengan url gambar anda

SELAMAT MENCOBA

Cara Mencantumkan Link Otomatis Saat Artikel Dicopas

2012-08-22T15:30:00.001+07:00

Setelah kemarin saya mosting tentang cara atasi tombol reply yang error,kali ini saya akan mosting tentang "Cara Mencantumkan Link Otomatis Saat Artikel Dicopas",cara ini berfungsi untuk menghasilkan sumber link jika artikel yang kita miliki di copy oleh seseorang,kalo masih belum paham,coba copy beberapa kata di blog ini lalu paste'kan dan lihat hasilnya. keren kan.

Gmana udah penasaran kan? oke kalo gitu langsung aja,tapi sebelum itu follow blog ini dulu ya,kalo udah kita langsung ke tutorialnya

1.pertama klik link ini
2.setelah itu isi formulir seperti contoh dibawah ini

3.jangan lupa centang " I agree to the Usage and Privacy Agreements",lalusubmit
4.lalu copy semua javascript yang diberikan oleh "Tynt"

cara memasang di blog :

1.Login ke akun blogger anda
2.Pilih fitur "template"
3.Pilih Edit html
4.pilih "lanjutkan"
5.Centang "expand template widget"
6.letakkan kode yang anda dapatkan tadi dibawah kode <head>
7.lalu Simpan

Selamat Mencoba

Mengatasi Error Pada Tombol Reply

2012-08-21T11:01:00.000+07:00

Setelah lama blog ini tak terupdate,kini saya akan mengupdate'nya dengan sebuah tutorial cara "Mengatasi Error Pada Tombol Reply Komentar yang Tidak Bisa di Klik",tutorial ini melengkapi postingan saya tentang cara membuat thread comment reply .tutorial ini digunakan jika tombol thread comment reply di blog kita tidak berfungsi ,sebenarnya tutorial ini adalah tutorial lama,tapi saya posting saja,ya mungkin saja ada yang belum tau tutorial ini

yaudah tak usah lama-lama langsung aja,oh iya tapi sebelum itu follow blog ini dulu ya,kalau sudah langsung aja ke tutorialnya

1.Login ke akun blogger anda
2.Pilih fitur "template"
3.Back up dulu templatenya
4.Pilih Edit html

5.pilih "lanjutkan"
6.Centang "expand template widget"
7.cari kode dibawah ini

<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 postId = &#39;<data:post.id/>&#39;;
      var feed = &#39;<data:post.commentFeed/>&#39;;
      var authorName = &#39;<data:post.author/>&#39;;
      var authorUrl = &#39;<data:post.authorUrl/>&#39;;
      var blogId = &#39;<data:top.id/>&#39;;
      var baseUri = &#39;<data:post.commentBase/>&#39;;

// <![CDATA[
      feed += '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
      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) {
                console.log(entry.gd$extendedProperty[k].name + ' - ' + entry.gd$extendedProperty[k].value);
                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 = feed;
          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 == authorName
              && comment.author.profileUrl == authorUrl;
          return matches ? 'true' : '';
        } else if ('deletelink' == key) {
          return baseUri + '/delete-comment.g?blogID=' + 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 tok = 'comment-form_';
      var hash = window.location.hash || '';
      var startThread = hash.indexOf(tok) == 1 ? hash.substring(tok.length + 1) : undefined;

      // Configure commenting API:
      var configJso = {
        'maxDepth': 2
      };
      var provider = {
        'id': postId,
        'data': items,
        'loadNext': paginator,
        'hasMore': hasMore,
        'getMeta': getMeta,
        'onReply': onReply,
        'rendered': true,
        '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>

8.ganti semua kode diatas dengan kode dibawah ini

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

// <![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 replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;

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>

9.SImpan Template

SELAMAT MENCOBA

thanks to : kangismet

Cara membuat thread comment reply seperti di wordpress

2012-02-18T17:39:00.001+07:00

setelah dulu saya pernah mosting tentang Cara membuat tombol reply pada komentar blog kaliini saya akan membahas hal yang sama tapi yang satu ini lebih bagus dari yang sebelumnya.Namanya "Thread comment reply" apa itu Thread comment reply?Apakah kalian tau form komentar di wordpress? ya seperti itulah bentuknya Thread comment reply kalau kalian masih bingung lihatlah gambar disamping (klik gambar untuk memperbesar).Gimana udah tau kan? oke kalo gitu langsung aja kita praktekin tapi sebelum praktek seperti biasa follow dulu kalo udah follow langsung aja kita mulai:

1.Login ke akun blogger anda
2.Pilih tab rancangan
3.Pilih Edit html
4.Back up dulu templatenya biar kalo salah bisa dikembaliin backup dengan cara klik "Download template lengkap"
5.Kemudian cari kode b:include data='post' name='comments'/> (agar lebih mudah mencarinya gunakan f3)
6.Lalu ganti kode yang berwarna biru dengan kode berikut : 'threaded_comments'/>

Catatan:kode b:include data='post' name='comments'/> biasanya terdapat lebih dari 1,jika anda menemukannya lagi silahkan ulangi lagi langkah ke 6

7.Copy kode dibawah ini dan letakkan diatas kode <body>

<style>.comments { clear: both; margin-top: 10px; margin-bottom: 0px; line-height: 1em;}.comments .comments-content {font-size: 12px;margin-bottom: 16px;font-weight: normal;text-align:left;line-height: 1.4em;}.comments .comment .comment-actions a {display: inline-block;margin: 0;padding: 1px 6px;border: 1px solid #C4C4C4;border-top-color: #E4E4E4;border-left-color: #E4E4E4;color: #424242 !important;text-align: center;text-shadow: 0 -1px 0 white;text-decoration: none;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;background: #EDEDED;background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) );background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );font: 11px/18px sans-serif;padding:2px 8px; margin-right:10px;}.comments .comment .comment-actions a:hover {text-decoration: none; background:#fff; border:1px solid #5AB1E2;}.comments .comments-content .comment-thread ol { list-style-type: none; padding: 0; text-align: none;}.comments .comments-content .inline-thread { padding: 0.5em 1em;}.comments .comments-content .comment-thread { margin: 8px 0px;}.comments .comments-content .comment-thread:empty { display: none;}.comments .comments-content .comment-replies { margin-top: 1em; margin-left: 40px; font-size:12px; background:#f0f0f0;}.comments .comments-content .comment { margin-bottom:16px; padding-bottom:8px; }.comments .comments-content .comment:first-child { padding-top:16px;}.comments .comments-content .comment:last-child { border-bottom:0; padding-bottom:0;}.comments .comments-content .comment-body { position:relative;}.comments .comments-content .user { font-style:normal; font-weight:bold;}.comments .comments-content .user a {color:#2D5E7B; font-size:14px; font-weight: bold;text-decoration: none;}.comments .comments-content .icon.blog-author { width: 18px; height: 18px; display: inline-block; margin: 0 0 -4px 6px;}.comments .comments-content .datetime {color: #999999;float: right;font-size: 11px;text-decoration: none;}.comments .comments-content,.comments .comments-content .comment-content { margin:0 0 8px;} .comment-header {background-color: #FFFFFF; border: thin solid #E6E6E6; margin-bottom: 5px; padding: 5px;}.comments .comments-content .comment-content { text-align:none;}.comments .comments-content .owner-actions { position:absolute; right:0; top:0;}.comments .comments-replybox { border: none; height: 250px; width: 100%;}.comments .comment-replybox-single { margin-top: 5px; margin-left: 48px;}.comments .comment-replybox-thread { margin-top: 5px;}.comments .comments-content .loadmore a { display: block; padding: 10px 16px; text-align: center;}.comments .thread-toggle { cursor: pointer; display: inline-block;}.comments .continue { cursor: pointer;}.comments .continue a {display: inline-block;margin: 0;padding: 1px 6px;border: 1px solid #C4C4C4;border-top-color: #E4E4E4;border-left-color: #E4E4E4;color: #424242 !important;text-align: center;text-shadow: 0 -1px 0 white;text-decoration: none;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;background: #EDEDED;background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) );background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );font: 11px/18px sans-serif;padding:2px 8px; margin-right:10px;}.comments .comments-content .loadmore { cursor: pointer; max-height: 3em; margin-top: 3em;}.comments .comments-content .loadmore.loaded { max-height: 0px; opacity: 0; overflow: hidden;}.comments .thread-chrome.thread-collapsed { display: none;}.comments .thread-toggle { display: inline-block;}.comments .thread-toggle .thread-arrow { display: inline-block; height: 6px; width: 7px; overflow: visible; margin: 0.3em; padding-right: 4px;}.comments .thread-expanded .thread-arrow { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent;}.comments .thread-collapsed .thread-arrow { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent;}.comments .avatar-image-container {background-image: url("http://img846.imageshack.us/img846/7357/unled1oww.jpg");background-position: center center;background-repeat: no-repeat;float: left;width: 36px;max-height: 36px;margin: 0;outline: 1px solid #FFFFFF;padding: 3px;vertical-align: middle;overflow: hidden;border: 1px solid #DDDDDD;}.comments .avatar-image-container img { width: 36px;}.comments .comment-block { margin-left: 48px; position: relative;} /* Responsive styles. */@media screen and (max-device-width: 480px) { .comments .comments-content .comment-replies { margin-left: 0; }}</style>

8.Tinggal di save deh

note : jika terjadi error klik disini

SELAMAT MENCOBA

Cara membuat Spoiler di Blog

2012-01-22T16:19:00.006+07:00

Kali ini Saya akan membahas tentang "Cara membuat Spoiler di Blog".apa itu Spoiler?.Spoiler adalah sebuah tombol yang bila diklik akan terbuka isinya.Spoiler biasa digunakan di sebuah forum dan sebagainya.Sebuah spoiler biasa diisi dengan sebuah gambar,tulisan,video atau semacamnya tujuannya agar tidak terlalu berat dan terlihat rapi.Masih belum tau apa itu spoiler?
ini contohnya

contoh diatas itu contoh yang backgroundnya transparan
kalau mau backgroundnya berwarna ini contohnya (misal background oranye)

penasaran kan gimana cara bikinnya?
oke langsung aja kita mulai tapi sebelum itu follow blog saya dulu ya
kalo udah langsung aja tanpa basa-basi kita mulai tipsnya:

tapi sebelum itu saya jelaskan dulu
spoiler ini bisa ditaruh di postingan ataupun "Html/Javascript" terserah anda ingin menaruhnya dimana kalau ingin ditaruh dipostingan taruh di bagian edit html seperti disamping.Kalau ingin ditaruh di sidebar (html/javascript) caranya seperti dibawah ini

1.Login ke akun blogger anda
2.Pilih tab rancangan
3.Klik tab elemen laman
4.Klik tambah gadget
5.Kemudian pilih yang HTML Java/Script
6.Masukkan kodenya
7.Simpan

KODENYA SPOILER :

<div id="spoiler">
 <div><input type="button" value="Tampilkan"   style="margin:0px;padding:0px;" onClick="if   (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display   != '') {   this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display   = '';this.innerText = ''; this.value = 'Sembunyikan';  } else {   this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display   = 'none'; this.innerText = ''; this.value = 'Tampilkan Lagi'; }">
 </div>

<div style="background: #00ffff; margin: 10px auto;
border: 0px solid #000;
padding: 5px;">
<div style="display: none;">
isi spoiler
</div>
Keterangan:
-kode yang berwarna hijau bisa anda ganti sesuai keinginan anda contoh :buka,show dan sebagainya
-kode yang berwarna kuning bisa anda ganti sesuai keinginan anda contoh :tutup,hidden dan sebagainya
-kode yang berwarna merah bisa anda ganti sesuai keinginan anda contoh :buka lagi,show again dan sebagainya
-kode yang berwarna biru muda (cyan) adalah kode background untuk spoiler yang berwarna biru muda anda bisa menggantinya sesuai keinginan anda (Jika anda ingin membuatnya transparan ganti kode tersebut dengan tulisan transparent)
- -kode yang berwarna biru adalah isi untuk spoiler

selamat mencoba

Menampilkan status YM di blog

2011-12-18T20:55:00.000+07:00

wah kayaknya udah lama banget nih saya nggak mosting.Oke kali ini saya akan mosting tentang "Menampilkan status YM di blog" udah pada penasaran kan? oke tapi sebelum itu saya jelasin dulu kegunaan widget ini:
-widget ini biasanya digunakan untuk sarana berkomunikasi antara visitor dan admin blog
-dan banyak lagi
oke deh kalo gitu kita mulai tapi sebelum mulai jangan lupa follow dulu ya kalo udah baru kita mulai:

1.Login ke akun blogger anda
2.Pilih tab rancangan
3.Klik tab elemen laman
4.Klik tambah gadget
5.Kemudian pilih yang HTML Java/Script
6.Masukkan kode seperti di bawah ini

<a href="ymsgr:sendIM?miftahul_anwar30" title="Test"><img src="http://opi.yahoo.com/online?u=miftahul_anwar30&m=g&t=24" alt="YM" border="0" /></a>

7.Simpan

keterangan:
-Ganti tulisan yang berwarna merah dengan ID YM kamu
-Ganti tulisan yang berwarna biru dengan angka antara 0-24 karena disetiapangka ada gambar yang berbeda

SELAMAT MENCOBA

Cara Membuat Efek Refresh/Reload di Blog

2011-11-13T10:22:00.000+07:00

kali ini saya akan membahas tentang Cara Membuat Efek Refresh/Reload di Blog.tapi ada yang tau nggakapa sih fungsinya?fungsinya biasanya digunakan untuk merefresh blog kita setiap waktu (sesuai yang kita atur)biasanya efek refresh ini di gunakan di forum-forum seperti kaskus.us biasanya digunakan efek tersebut agar para pengunjung tau kalau ada thread (postingan) terbaru.okelah kalo begitu gakusah panjang lebar langsung aja kita praktekin tapi sebelum itu follow dulu blog saya ya oke kalau udah follow langsung aja kita mulai:

1.Login ke akun blogger anda
2.Pilih tab rancangan
3.Pilih Edit html
4.Cari kode <head> (gunakan f3 agar lebih mudah mencari)
5.Kalo udah ketemu letakkan kode dibawah ini dibawah kode <head>

kalo udah tinggal save templatenya

keterangan

-Tulisan yang berwarna merah "300" adalah hitungan waktu blog akan di reload setiap berapa detik semakin kecil angka semakin cepat me reload tapi kalau saya sarankan waktu jangan di set terlalu cepat sebaiknya sekitar 5 menitan (300 detik)

selamat mencoba

Cara membuat Daftar Isi Otomatis di Blog versi 2

2011-11-07T00:06:00.000+07:00

setelah dulu saya sudah pernah mosting tentang Cara membuat Daftar Isi Otomatis di Blog kali ini saya akan membahas hal yang sama tapi daftar isi yang satu ini lebih bagus dari sebelumnya screenshotnya disebelah kanan(klik untuk memperbesar) oke deh kalo udah penasaran langsung aja kita mulai tapi sebelum itu follow blog saya dulu dong kalo udah follow kita mulai:

1.Login ke akun blogger anda
2.Pilih tab rancangan
3.Pilih Edit html
4.Cari kode <b:skin><![CDATA[ (gunakan f3 agar lebih mudah mencari)
5.Kalo udah ketemu letakkan kode dibawah ini dibawah kode <b:skin><![CDATA[

.judul-label{background:-moz-linear-gradient(top,#393e41,#000);font-weight:bold;line-height:1.4em;margin-bottom:5px;overflow:hidden;vertical-align:baseline;margin:0 2px;outline:none;cursor:pointer;text-decoration:none;font:14px/100% Arial,Helvetica,sans-serif;padding:.5em 2em .55em;text-shadow: 1px 1px rgba(0,0,0,.3);-webkit-border-radius:.5em;-moz-border-radius:.5em;border-radius:.5em;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:1px 1px 4px #aaa;box-shadow: 1px 2px rgba(0,0,0,.2);color:#e9e9e9;border:2px solid white !important;background:#0000fff }.judul-label,.data-list{white-space:nowrap}.data-list{font:12px comic sans ms /1.5em;margin-:5px;padding-left:20px;15px;text-align:left;left}.list-ganjil,.list-genap{background:#000;color:#51a104;border-top:1px solid #f00;border-bottom:1px solid #f00}.headactive,.headactive{color:#fff;border:2px solid:#c0c0c0;!important;background:#d11717;background:-moz-linear-gradient(top,#d11717,#8c0000)}

6.kalo udah tinggal di simpan deh

LANGKAH INI BELUM SELESAI MASIH ADA LANGKAH SELANJUTNYA

untuk memanggil kode tersebut kita harus membuat sebuah postingan baru ikuti langkah-langkah berikut:

1.Login ke akun blogger anda

2.Pilih tab entri baru

3.Pilih Edit html

masukkan kode dibawah ini dikotak yang telah disediakan

</script>
<script src="http://webmiftah.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc">
</script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="https://sites.google.com/site/webmiftah/js/wm.js" type="text/javascript">
</script>
<script src="https://sites.google.com/site/webmiftah/js/wm3.js" type="text/javascript">
</script>

kalo udah tinggal di terbitkan deh

contoh bisa dilihat disini

keterangan:kode yang berwarna biru ganti dengan url blog anda

SELAMAT MENCOBA

Cara memasang widget google translate di blog

2011-10-14T18:14:00.000+07:00

kali ini saya akan membahas tentang "Cara memasang widget google translate di blog"
udah pada penasaran kan? oke kalo gitu langsung aja kita praktekin tapi sebelum praktek jangan lupa follow blog saya dulu ya kalo udah langsung kita mulai:

1.Login ke akun blogger anda
2.Pilih tab rancangan
3.Klik tab elemen laman
4.Klik tambah gadget
5.Kemudian pilih yang HTML Java/Script
6.Masukkan kode dibawah ini di kotak yang telah disediakan:

<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'id'
}, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

7.Kalo udah tinggal disimpan deh

Semoga Bermanfaat

Cara memasang animasi burung twitter di blog

2011-09-23T20:54:00.000+07:00

Setelah cukup lama saya tidak mosting kali ini saya akan menyempatkan waktu saya untuk mosting,kali ini saya akan membahas tentang Cara memasang animasi burung twitter di blog udah penasaran kan yaudah langsung aja praktekin tapi sebelum dipraktekin follow blog sdaya ini dulu dong biar tambah sip,okelah kalo begitu kita mulai tutorialnya:

1.Login ke akun blogger anda

2.Pilih tab rancangan

3.Pilih Edit html

4.Kemudian cari kode </body> (agar lebih mudah mencarinya gunakan f3)

6.Masukkan kode dibawah ini setelah kode </body>

7.Kalo udah tinggal disimpan

KETERANGAN :

-Kode yang berwarna biru ganti dengan username twitter anda

-kode yang berwarna kuning adalah gambar burung twitter yang berwarna biru muda (standard) kalo pengen diganti dengan warna lain bisa dilihat dibawah ini:

Merah:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNnbinmG0DqLGNYsu8wf5TYBvwb5zZkl7f95QC2lMFDZPwgBB-tqUTwON0bH1HuXORWOVwGrjncbez5WzDM5u8nkvDJx-Cl4UHyrsPL2lTP7f0B5P2P6mUlzi7yQDnHkiFXWrd7ZKv5nR3/

Biru Tua:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhch1SzCpOCpESY6aemKJ9F7CojImI2KyTIkAMn9wMtM7B1NJHMtY_ZxAEFr9NnyWQ0-0_k7o8Wp2clYuXcAs55nquCWahpTGG7uXDubE1n9OU6YyB-w6BPDplr79ciqLq00qTK_uWZyvTm/

Ungu:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjvOrev-w2G76XyMk8e5BW34UO_oiAaVRVAigv7PZK-faYYNoubmBCuSYTzchMJeF7Jv0BW2rrkPhb2YjQvyNRmvDN69nLSPNHcEb5WOGYu3O02aNO3pfOql24TxzCizzeR941bUarFL3y/

Cokelat:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKFjURcXuvgZ5cMcdUEgt9kR4aqLTA5lVy0gZ2EDL8NiHD3sl2JzbZDV_0vyBRQg1lLaw2OUBI0xQOMJhPRDfkwtidF3iMJI8zuV8JUa3fY6JZkDEsOg2zPlcjV38z3nR9UdxXpDGZ9MQp/

Hitam:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivZU2EgnItgY3HAHhob-rBSWs4lohiWfrFNuWL4qnWjwg_ZULZ97IWqab6pRVp_FsyFdIVysCCLkOSnJPeZ3WfihZvmxP2XDZpvsCu-DT8kyERD39hSyuIwjq3tgPC4Y4R1wbr0eyl1yrQ/

Hijau:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj28JmFyHm0NHBHa3svdQ1rCsQes6ehC_Wt-2oP2HwJvCmEw2guwEXZJPJzX5faOV1eaxWj9GZd8H4S2-wbFjdiCWuqbVcRhJJWoBZS8ABazaodvj5Zn87y-X7zFp8Mo5Qfj1RHtL7v-MSH/

Kuning:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCkJwEH13oZ-dl51Qnc3kjc6vzGkApeSqSd5DzMN0qZuNJlxyH6fJpXQMebLSvN3U9OiSPKr1XAVCjE27F0NhkRaqo_56ey3JXG91VBkHSF-_0uhqwIX0DGEwkP8kQnHXuLrLenuGGXV7F/

Putih:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivuLCzw9uX45LlJm7wkORN-fBu3UCVFCq7CDSTqXXuA30LAtop7rp9BmN67aUEQBpu47_I28BhL_xWMGIG4nwghWKZ4NHM_Oiz71nSpiqFvGHbvnvMmet5TPIJqHcexX156M9GXGTCCbtq/

selamat mencoba

Cara memasang script alert di blog

2011-09-10T13:10:00.000+07:00

Sobat blogger kali ini saya akan membahas tentang "Cara memasang script alert di blog".ngomong-ngomong yang dimaksud "alert" itu apa ya?Disini "alert"nya bukan "alert" yang artinya "waspada" tapi seperti sebuah pesan singkat yang akan muncul pertama kali saat blog dibuka kalo masih belum tau maksudnya bisa dilihat seperti gambar-gambar dibawah:

Versi Google Chrome

Versi Mozilla Firefox

Versi Internet Explorer

Udah pada ngerti kan kalo gitu langsung aja praktekin tapi sebelum mraktekin follow blog ini dulu dong setelah anda follow baru kita mulai praktekin:

1.Login ke akun blogger anda

2.Pilih tab rancangan

3.Pilih Edit html

4.Kemudian cari kode </head> (agar lebih mudah mencarinya gunakan f3)
5.Letakkan kode berikut di atas kode </head>

<SCRIPT language='JavaScript'>alert("JANGAN LUPA FOLLOW YA");</SCRIPT>
6.Tinggal di Save deh

KETERANGAN:

ganti tulisan JANGAN LUPA FOLLOW YA sesuai keinginan anda

Selamat mencoba

Cara memasang widget Related Post/artikel terkait dengan thumbnail di blog

2011-08-29T14:24:00.000+07:00

Sobat blogger bentar lagi kan lebaran saya punya tutorial baru nih tentang Widget "Artikel terkait" apa sih artikel terkait?.Artikel terkait adalah Daftar link yang berhubungan dengan sebuah artikel yang kita baca.Kalo masih bingung langsung aja praktekin,tapi sebelum itu kalian wajib follow blog saya dulu setelah itu kita mulai:

1.Login ke akun blogger anda

2.Pilih tab rancangan

3.Pilih Edit html

4.Back up dulu templatenya biar kalo salah bisa dikembaliin backup dengan cara klik "Download template lengkap"

5.Kemudian centangExpand Template Widget

6.Kemudian cari kode </head> (agar lebih mudah mencarinya gunakan f3)
7.Letakkan kode berikut di atas kode </head>

<b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='https://sites.google.com/site/webmiftah/js/relatedpostthumbnail.js' type='text/javascript'/>
</b:if>

8.Kemudian cari kode <div class='post-footer-line post-footer-line-1'> kalo gak ketemu jangan panik bisa car kode seperti ini <p class='post-footer-line post-footer-line-1'>
9.Kalo udah ketemu salah satu letakkan kode dibawah ini di bawah kode yang anda barusan temukan:

<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>

10.Tinggal di Save deh

KETERANGAN:

-Ganti tulisan yang berwarna MERAH dengan kode wana sesuai kesukaanmu
-Ganti tulisan yang berwarna KUNING sesuai jumlah artikel terkait yang ingin anda munculkan
-Ganti tulisan yang berwarna CYAN dengan Tulisan yang ingin anda tampilkan (judul) di atas related post

SELAMAT MENCOBA

Koleksi button Reply/balas pada blog

2011-08-23T13:54:00.000+07:00

Buat para blogger yang lagi pusing cari-cari gambar tombol reply miliknya di sini saya nyedia`in kok beberapa gambar buatan saya sendiri dan beberapa lagi dari cooltext.Sekarang kalo mau lihat ada syaratnya follow dulu dong kalo udah follow silahkan dilihat :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfl1yIm8KOdyrsFWoJrDQT6i37WS0-30_5DMKMzv4Uu-vcbHpuzbnwuGfcG4GMr7Zq9w_xkY4w1bdOaaRpO3BzswcXEkpPEu_z4p_lm_En_Snhvi-k2a3UPF1Bvz7LfLddY5jrXH8pw-42/s320/r5.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDp3Rdw3xFeToyLDusz345NUvFnWtQFQZiaVxcB1_xEQ5Z2xYlOXSL7hvwbTW6ECAF5XgTcB9alvy6X5dWxL-puBkNm41rL_SjtvmIYSs9M1GyXyY1ZF0gtUBBWXImXecLqSh4NBEssdTq/s320/r1.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi10fEj0pp3vLSJG0w5A1pvhv54E2N9OP_rVpW5Rm2nzHgs-tHH-u1suGOBcxD5_kHywhaj0AZAr8A4A3htacvBjyc6_WT1P-mNsnXKRGxYKi-fBf1hY7mx7H553KIR2QQdSQLZe0b2bmqb/s320/r2.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP_8Qp3hdP9rZ57o2MIiPi8_6x_kSh-wAHQg41H85ozLVt3AdriOAUFC7ewKjZUUESdPfHZbqIlR1gyTYAOXPemF7rVv7Z72xh0BwUhZSjYA0bksyDi39b76aG62GaDjPFLY1oDsq_SWF7/s320/r3.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmfMpjVogu6HVqdzAAySp1lapYuxG2xZf4hI2v6EPlO7le2o0F3QOXzJgCz8t4rT1mer3dNU1vEUIk3oWpLg3H7FbD-omOR5SAqtZxdYdkL9kAte4fidw5PXjykVIxEcdrOxk3IPGI4WyX/s320/r4.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5P2hPsvP1_CwYGhUsA0jxx7SQDxLpZZvHFsMeYQ6kWg9WEjorS-nqK3ClwjS35HFirfTN_O5acO7iwjAm_Gypmq2L51aIykqvcmmZtUXSdcCsULZBxgdiiFHfgNrkQfMEzHar_wb2K8ei/s320/r10.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieyT3F9pZ9bawb2176fKcay8RpqsUyz-7X0MGUAk3zNG7p_XBpsP2C3Avu7USaESEh9BehkxT2rfYz8Ar2QN1kh1KnpYIHeu6QgA1ZaQPybKeCK_OtlEygLrYZGDJgzd8H1_5Vy-mwJ9cb/s320/r6.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgFfiVshShyphenhyphenrFxw0JY9UriPDBYehBGLcpsuvP8ateH90UJRB6YdKqm-9whCRGPNCJYyedUNUGivH_gOnmoHyfZpqSPQDoD1Uicv5MUONdnB9ByEOXQ7IvhAcE582Dk2JK8kH1UZD6KNruT/s320/r7.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb2ti6kLumbiZQUPP5ezZiYXFt3BiyA7PRcewOx5ZnUfis2CGzBcxSW01XmFsb0ryNOo1Zpdvgkz-q4Ft0A0mSKVFs1f0lCSBMUpJ8Akc2XE5moQcsmoMv0rH5NfMKvh-C4vONEtExqRp_/s320/r8.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggYnROpgE10E3knBfFUt2jLrFdxgXgFrVWyOD3ZFtzZTv2suIAM5euJUuwV3SdiCQtQVVbb4GfrFJR9dkSoeOpfx03SjKVkhyphenhyphenQkrOgq8gjzKsyI5ehlhpdtClfRmmOtPc4GKfu9b2-lqW_/s320/r9.png

tapi kalo belum tahu cara masangnya lihat aja disini
Bagi yang berminat silahkan di copy semoga gambar-gambar ini bisa bermanfaat jangan lupa ngasih konfirmasi dengan berkomentar di postingan ini

Cara mengganti tulisan Reply dengan gambar

2011-08-19T06:02:00.000+07:00

Kalau sebelumnya saya sudah memposting tentang 'Cara membuat tombol reply di komentar blog',kali ini saya akan membahas tentang 'Cara mengganti tulisan Reply dengan gambar' mungki saja ada yang bosan dengan tulisan reply-nya sehingga ingin diganti dengan gambar,yaudah biar gak kelamaan kita mulai,eits tapi sebelum itu follow blog saya dulu dong hehehehe,setelah kalian follow baru kita mulai:

1.Login ke akun blogger anda

2.Pilih tab rancangan

3.Pilih Edit html

4.Back up dulu templatenya biar kalo salah bisa dikembaliin backup dengan cara klik "Download template lengkap"

5.Kemudian cari kode return false;'>Balas</a></span> (agar lebih mudah mencarinya gunakan f3)

6.Ganti kode yang berwarna biru dengan script seperti ini
<img src='URL GAMBAR KAMU' style='float:right;' title='Reply To This Comment'/>
7.Save templatenya

PENTING:Ganti Tulisan 'URL GAMBAR KAMU' dengan url button reply kamu

Kalo gak mau pusing-pusing cari gambar buat tombol reply klik aja disini

Selamat mencoba

Cara membuat tombol reply pada komentar blog

2011-08-18T11:36:00.000+07:00

Kali ini miftah mau membahas tentang Cara membuat tombol reply pada komentar blog ,biasanya tombol reply digunakan untuk membalas sebuah komentar,kalo masih belum ngerti yaudah langsung aja kita praktekin,tapi sebelum itu kalian wajib follow blog saya dulu baru kalo udah follow kita mulai:

1.Login ke akun blogger anda

2.Pilih tab rancangan

3.Pilih Edit html

4.Back up dulu templatenya biar kalo salah bisa dikembaliin backup dengan cara klik "Download template lengkap"

5.Kemudian cari kode <dd class='comment-footer'> (agar lebih mudah mencarinya gunakan f3)

6.Letakkan kode dibawah ini dibawah kode <dd class='comment-footer'>

<a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKtux1d8wMWq1ZvoFi9p13hWGK1zuoUQFL_g0yht84deRTSWp6GTHT3sbJuso3uScWOZ9aEXgU8B0Kd3uffVXaTFOOk-6XuFoEAn36RWTC4C-iH4Kt_xUQUnDONpY9aSizy4WfULNEFgCL/s1600/best+blogger+tips.png'/></a><span class='comment-reply'><a expr:href='"https://www.blogger.com/comment.g?blogID=2513873037599071879&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.openundefinedthis.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450"); return false;'>Balas</a></span>

7.Ganti Tulisan yang berwarna merah dengan ID blog anda,cara mengetahui ID anda seperti gambar dibawah ini

8.Kalo udah tinggal disimpan deh

NB:kalo pengen tulisan 'balas' nya bisa diganti sesuai keinginan anda misalnya "Reply" atau apalah tereserah tapi kalo pengen tulisan balasnya jadi gambar itu mudah klik aja disini

SELAMAT MENCOBA

Cara Membuat Menu Tab View

2011-08-14T13:32:00.000+07:00

Nih sobat blogger Miftah mau sharing ilmu baru tentang Cara Membuat Menu Tab View.Ngomong-ngomong menu tab view itu apa ya?.Pasti beberapa dari kalian ada yang nggak ngerti menu tab view,menu tab view itu bentuknya seperti gambar disamping,menu tab view memiliki kelebihan yaitu hemat tempat,yaudah biar gak kelamaan langsung aja

kita mulai tapi sebelum itu usahakan follow blog saya dulu kalo udah follow baru kita mulai:

1.Login ke akun blogger anda

2.Pilih tab rancangan

3.Pilih Edit html

4.Back up dulu templatenya biar kalo salah bisa dikembaliin backup dengan cara klik "Download template lengkap"

5.Kemudian cari kode ]]></b:skin> (agar lebih mudah mencarinya gunakan f3)

6.Masukkan kode dibawah ini sebelum kode ]]></b:skin>

/* Menu Tab View

----------------------------------------------- */

div.TabView div.Tabs {widht:100%;

padding-top: 0px;

height: 24px;

overflow: hidden;

}

/* Menu Utama */

div.TabView div.Tabs a {

float: left;

display: block;

width: 110px; /* ukuran lebar menu */

text-align: center;

height: 30px; /* ukuran tinggi menu */

padding-top: 7px;

margin-right:4px; /* jarak antarmenu */

vertical-align: middle;

border: 1px solid #ccc; /* warna border menu */

border-bottom-width: 0;

margin:0px;

padding: 5px 0;

font-family:Arial,Helvetica,sans-serif;

font-size:12px;

font-weight:bold;; /* besar hurup menu */

background-color: #4c4c4c; /* warna latar menu */

color: #FFFFFF; /* warna hurup menu */

-moz-border-radius-topleft:15px;

-moz-border-radius-topright:15px;

-webkit-border-top-left-radius:15px;

-webkit-border-top-right-radius:15px;

}

div.TabView div.Tabs a.Active {

background-color: #FFFFFF; /* warna background menu aktif */

color: #000000;

}

div.TabView div.Tabs a:hover {

background-color: #999999; /* warna background menu hover */

color: #FFFFCC;

font-weight: bold;

}

/* Kotak Utama */

div.TabView div.Pages {

clear: both;

border: 1px solid #CCC; /* warna border kotak utama */

overflow: hidden;

background:#FFFFFF; /* background kotak utama */

}

div.TabView div.Pages div.Page {

height: 100%;

padding: 7px;

overflow: hidden;

}

div.TabView div.Pages div.Page div.Pad {

padding: 5px 0px;

font-size: 12px; /* besar hurup kotak utama */

}

/* tabview css end */

7.Pasang kode dibawah ini sebelum kode </head>

8.Kalo udah tinggal disimpan
LANGKAH DIATAS BELUM SELESAI SEKARANG KITA MULAI MEMBUAT KODE UNTUK MEMANGGIL TAB VIEW NYA

1.Login ke akun blogger anda
2. Pilih tab rancangan
3.Klik tab elemen laman
4.Klik tambah gadget
5.Kemudian pilih yang HTML Java/Script
6.Masukkan kode dibawah ini di kotak yang telah disediakan:

<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 100%;" class="Tabs">
Disini letakkan kode untuk menu tab 1
</div>
<div style="width: 99%; height: 200px;" class="Pages">

<div class="Page"><div class="Pad">
Disini letakkan kode untuk menu tab 2 </div></div>


<div class="Page"><div class="Pad">
Disini letakkan kode untuk menu tab 3 </div></div>


<div class="Page"><div class="Pad">
Disini letakkan kode untuk menu tab 4 </div></div>

</div></div></form>
<script type="text/javascript">tabview_initialize('TabView');</script>
<div style="font-size:90%; text-align:right; text-shadow:2px 2px 2px #adadad;"></div>

7.Kalo udah tinggal disimpan
NB:Kode yang ditulis tebal bisa diedit sendiri

Semoga bermanfaat

Cara merubah font di blogspot secara otomatis

2011-08-12T17:06:00.000+07:00

Sobat blogger kali ini Miftah mau sharing ilmu baru nih namanya "Merubah font di blogspot secara otomatis" wih pasti udah pada penasaran kan?kalo udah pada penasaran kita harus segera memulainya nih,tapi sebelum itu kalian follow blog saya dulu biar bisa tau kalo ada tips baru lagi kalo kalian udah follow baru kita mulai:

1.Login ke akun blogger anda
2. Pilih tab rancangan
3.Klik tab elemen laman
4.Klik tambah gadget
5.Kemudian pilih yang HTML Java/Script
6.Masukkan kode dibawah ini di kotak yang telah disediakan:

<div class='widget-content'>
<center><script>
function go1(){
if (document.selecter2.select2.options
[document.selecter2.select2.selectedIndex].value != "none") {
document.getElementById('main').style.fontSize
=document.selecter2.select2.options
[document.selecter2.select2.selectedIndex].value
}
}

function go2(){
if (document.selecter2.select3.options
[document.selecter2.select3.selectedIndex].value != "none") {
document.getElementById('main').style.fontFamily
=document.selecter2.select3.options
[document.selecter2.select3.selectedIndex].value
}
}
</script>
<form id="forma" name="selecter2" method="POST">

<select onchange="go2()" style="font-family:verdana;font-size:8pt" name="select3" size="1">
<option value="Times New Roman" />Times New Roman
<option value="Arial" />Arial
<option selected value="Book Antiqua" />Book Antiqua
<option value="Bookman Old Style" />Bookman Old Style
<option value="Century Gothic" />Century Gothic
<option value="Comic Sans Ms" />Comic Sans Ms
<option value="Tahoma" />Tahoma

<option selected value="Trebuchet Ms"//>Trebuchet Ms
<option value="Verdana" />Verdana
</select>
<select onchange="go1()" style="font-family:verdana;font-size:8pt" name="select2" size="1">
<option value="8px" />8
<option value="9px" />9
<option value="10px" />10
<option value="11px" />11
<option selected value="12px" />12
<option value="14px" />14
<option value="16px" />16
<option value="18px" />18
</select></form><center></center></center>
</div>

7.Tinggal disimpan deh

Hasilnya seperti ini

SEMOGA BERMANFAAT

Cara Membuat Facebook page dan like Box facebook di Blog

2011-08-10T09:51:00.000+07:00

Mempromosikan blog bisa dilakukan dimana saja termasuk di facebook,cara yang paling ampuh untuk promosi blog di facebook adalah dengan membuat fans page di facebook caranya cukup mudah,tapi sebelum memulainya kalian wajib Follow blog saya dulu kalo udah follow baru kita mulai:

MEMBUAT FANS PAGE
1.Login ke akun ~~blogger~~ facebook anda
2.Lalu buka halaman ini
3.Pilih yang "Merek atau Produk"
4.Pilih opsi situs web dan isikan nama Page sesuai keinginan anda setelah itu centang tulisan
" Saya menyetujui Ketentuan Halaman Facebook"
5.Lalu klik "Mulai"
6. Kemudian Anda akan masuk ke halaman Page yang telah Anda buat.Silakan kustomisasi terlebih dahulu, misalnya mengunggah foto atau gambar untuk Page Facebook Anda, mengedit informasi, dan lain-lain
MERANCANG LIKE BOX
1.Klik halaman ini
2.Isi spesifikasi seperti gambar di bawah ini:

Facebook Page URL: isikan dengan URL Page Anda.
Width: isikan nilai lebar Like Box dalam piksel, disesuaikan dengan lebar sidebar blog Anda.
Color Scheme: pilih light untuk tampilan terang atau dark untuk tampilan gelap.
Show Faces: beri tanda centang bila ingin menampilkan foto para fans Anda.
Border Color: isikan dengan kode warna jika ingin memberi border.
Show Stream: Beri tanda centang bila ingin menampilkan posting terakhir di Like Box.
Show Header: beri centang bila ingin menampilkan tulisan "Find Us on Facebook".

3.Kalo udah selesai klik Get code

4.Kemudian akan muncul jendela baru dengan pilihan 2 kode pilih kode yang jenis XFBML dan copy kodenya

CARA MEMASANG LIKE BOX DI BLOG

1.Login ke akun blogger anda
2. Pilih tab rancangan
3.Klik tab elemen laman
4.Klik tambah gadget
5.Kemudian pilih yang HTML Java/Script
6.Masukkan kode yang telah anda copy tadi di kotak yang telah disediakan
7.Tinggal disimpan deh

Semoga bermanfaat

Cara membuat link berkedip

2011-08-09T08:29:00.000+07:00

Setelah dulu saya sudah pernah posting tentang Cara membuat link bersinar dan Cara membuat link wrna-warni,kali ini saya akan mosting tentang Cara membuat link berkedip.Apa itu link berkedip?Link berkedip adalah link yang selalu berkedip kalo gak ngerti maksudnya ini contohnya HOME .Tapi itu hanya tulisan biasa yang gak bisa diklik kalo pengen yang bisa diklik ini contohnya Home mau tau caranya follow dulu dong kalo udah follow mari kita mulai:

UNTUK TEKS BERKEDIP

Sertakan kode <blink> di awal dan akhir kata yang akan dibuat berkedip contoh <blink>Berkedip<blink> nanti hasilnya akan jadi seperti ini Berkedip

UNTUK LINK BERKEDIP

Kodenya agak berbeda dengan kode sebelumnya,kodenya seperti dibawah ini

<blink><a href ="http://webmiftah.blogspot.com/" target ="_blank">Miftah</a></blink>

Hasilnya akan seperti ini Miftah

KETERANGAN

Untuk Link Berkedip
-Ganti tulisan yang berwarna merah dengan url yang ingin di link
-Ganti tulisan yang berwarna biru dengan tulisan yang akan muncul mewakili link

Semoga bermanfaat

Cara membuat script bertukar link

2011-08-06T14:32:00.001+07:00

Miftah dapet request nih dari salah satu sobat blogger namanya Danil ia request tentang "Cara membuat script bertukar link" biar gak kelamaan ayo kita mulai,tapi sebelum memulainya follow dulu ya kalo udah follow baru kita mulai:

1.Login ke akun blogger anda
2.Pilih tab rancangan
3.Klik tab elemen laman
4.Klik tambah gadget
5.Kemudian pilih yang HTML Java/Script
6.Masukkan kode dibawah ini di kotak yang telah disediakan:

<p>Mau Tukar Link? Copy/paste code HTML berikut ke blog anda</p>
<p><a href="http://webmiftah.blogspot.com/" target="_blank"><img alt="TIPS AND TRICK BLOGGER" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyH5ZgBBH4h-Pfmm6-nT2szRKE4O_vMOX9FZocfzTWVvqHC54mXw7y52v8I8jmtJ_3bha2Z_3LQi-M2_alcUDumX31rACXNO3JHAW8_fO0MOTzo-hc3kRWX_WxIjd8vS0qyZEX_RtD2s7t/" border="0" /></a></p>

<textarea rows="3" cols="20"><a href="http://webmiftah.blogspot.com/" title="TIPS AND TRICK BLOGGER" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyH5ZgBBH4h-Pfmm6-nT2szRKE4O_vMOX9FZocfzTWVvqHC54mXw7y52v8I8jmtJ_3bha2Z_3LQi-M2_alcUDumX31rACXNO3JHAW8_fO0MOTzo-hc3kRWX_WxIjd8vS0qyZEX_RtD2s7t/" alt="Tips,trik,tutorial dan berbagai informasi untuk para blogger"/></a></textarea>

7.Tinggal disimpan deh

KETERANGAN :

-Ganti Tulisan Yang berwarna Biru dengan kata-kata yang ingin akan ditampilkan sebelum Gambar
-Ganti Tulisan Yang berwarna Merah dengan Url blog Anda
-Ganti Tulisan Yang berwarna Kuning dengan Judul Blog anda
-Ganti Tulisan Yang berwarna Hijau dengan Url gambar anda
-Ganti Tulisan Yang berwarna Ungu dengan Deskripsi Blog anda

Semoga Bermanfaat

Cara Membuat Menu Pull Down (drop down)

2011-08-04T07:58:00.000+07:00

Sobat blogger Miftah kali ini mau bagi-bagi ilmu baru tentang Cara Membuat Menu Pull Down.Ada yang tau nggak apa itu menu pull down?.Disebut pull down karena list menu akan muncul setelah bagian atas menu diklik,kalo masih nggak ngerti lihat Gambar disamping Gimana Udah jelas belum kalo udah tau kita mulai langkah-langkahnya,tapi kayaknya belum sempurna kalo kalian belum follow blog saya,nah kalo udah follow ayo kita mulai:

1.Login ke akun blogger anda
2.Pilih tab rancangan
3.Klik tab elemen laman
4.Klik tambah gadget
5.Kemudian pilih yang HTML Java/Script
6.Masukkan kode dibawah ini di kotak yang telah disediakan:

<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1"> <option selected="selected" value="0">- Contoh -</option> <option
value="Link1">Text1</option> <option
value="Link2">Text2</option> <option
value="Link3">Text3</option> <option
value="Link4">Text4</option> <option
value="Link5">Text5</option></select>

7.Kalo udah tinggal disimpan deh

Penting:

-Ganti tulisan Link 1 sampai dengan Link 5 Dengan Link yang anda inginkan misalnya anda pengen nge-link google ganti tulisan link1 dengan google.com
-Ganti tulisan Text 1 sampai dengan Text 5 Dengan Text yang anda inginkan misalnya anda pengen nulis google ganti tulisan Text1 dengan tulisan google

Semoga Bermanfaat