Showing posts with label Blogspot. Show all posts
Showing posts with label Blogspot. Show all posts

Saturday, November 26, 2011

Cara Mengganti Tampilan Kursor di Blog

Sudah beberapa bulan saya tidak memposting artikel, dan sekarang saya ingin membuat artikel mengenai mengubah tampilan kursor di blog. Kursor adalah panah penunjuk yang berwarna putih, apabila kita menggerakkan mouse, kursor akan ikut bergerak. Itu yang dinamakan kursor. Oke langsung saja ...

1. Login ke blogger > Rancangan/Layout

2. Rancangan > Edit HTML

3. Cari kode </head>

4. Copy kode di bawah ini

<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/thumbnails/cool1.gif"), auto;}
</style>


5. Paste kode di atas tepat sebelum (diatas) kode </head>

Simpan!

Ket :
- Kode yang berwarna merah bisa diganti dengan alamat gambar yang telah di-upload

Nah, itulah cara mengubah tampilan kursor pada blog. Apabila ada yang tidak dimengerti bisa berkomentar. Sekian ...

Sunday, October 16, 2011

Cara Memulihkan Blog yang Sudah Dihapus

Terima kasih kepada Blogger yang telah mengembalikan blog saya ini. Mungkin ada juga sobat yang bernasib sama seperti saya ini? Tenang, semua masalah pasti ada jalan keluarnya. Pertama-tama, saya beritahu bahwa tidak ada trik khusus untuk memulihkan blog yang sudah dihapus oleh blogger yang langsung membuat blog aktif. Masalah seperti ini biasanya terjadi akibat kesalahan dari pihak blogger. Jangan takut. Oke deh, kita langsung saja yuk ...

Seperti yang saya bilang tadi, tidak ada cara khusus, melainkan hanya ada cara yang diberikan oleh pihak blogger, yaitu melaporkan kesalahan mengenai blog kita yang terhapus dari blogger. Tapi, setelah melapor, blog tidak langsung aktif, butuh beberapa waktu sebelum blog aktif kembali.

Nah, setelah melapor, sobat hanya tinggal berserah diri kepada Allah, berdo'a agar blog kita kembali aktif. Hal tersebut sudah terbukti berjalan. Contohnya adalah blog saya ini, selain blog saya, sebenarnya masih banyak lagi. Sekian dulu sob ..

Sunday, September 18, 2011

Cara Memasang Emoticon Yahoo pada Komentar Blogspot


Cara membuat komentar beremoticon - Tutorial ini bukan asli buatan saya, saya hanya mengedit dengan bahasa saya lalu saya posting deh di blog saya. Tutorial ini sebenarnya saya rangkum dari blog ini. Silahkan kalau mau dilihat.

Emoticon ini adalah emoticon yang berasal dari yahoo. Emoticon ini berfungsi sebagai hiasan dalam komentar / agar komentar menjadi lebih hidup. Langsung aja yuk sob ...
  • Dasbor > Rancangan > Edit HTML
  • Centang " Expand Template Widget "
  • Copy kode di bawah ini, lalu paste sebelum (diatas) kode </body>

<script src='http://sites.google.com/site/t4belajarblogger/js_t4belajarblogger/y-emo.js' type='text/javascript'/>

  • Kemudian copy kode dibawah ini, paste sebelum (diatas) kode <b:if cond='data:post.embedCommentForm'>

<div style='overflow:auto; width:400px; height:125px; padding:5px 5px 5px 5px; background:#FFFFFF;'>
<center><b>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRwO3cRtIQMR-UO0rM0oBFptargfd7RD_EnK9-m8Ga8SEUYMVUc-BDEOaYCo_oktmpsZpfhR7jQI5gpmrQSy8ftyeWQJNhccfdyiSCASxklDfzXH0tDmVqXKU-nvJO5faCLW12ry5vv2ii/'/>:10
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxoxUE735A2AGOuIdppNmiALsJ4lnnoZgYpdgHLr8QC0JW4So1xhLB74B_xeJmqMaqYo1fj9kx-w4rksIvAS7h4nRvY9hIz4k1UF1BJ0d7sWv2liVvIYv08mQoMYaTQEjkvrTDkYr3N4_S/'/>:11
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG-HpLkyLCtEQRPYm4xJmUGtIsIZ2mfieCVT6Xe3ULbsE5mlRLSzJ-EXFUhlunNzz_aLICrYcQFhV-xwCFn91CEabZsVNkhMzGvHnb-92tgj8k7AV5NL7o22S5IvN5pMrbj48JWRD6VtiV/'/>:12
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4R4A88-jQz6I7DBAaoT8YyKDOREoR-k72urLvJmL-RHR9gp-Ue5NT7Xa-hXN_EnPebV8xhanbObrUhqagqDfB1R4EajQfvum5svwZfJai4PtSxiYJvaYj3nNt9sTFgmdTSOA_jUEk3Aeo/'/>:13
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaUUmun0_MFeFAgJdcojrBmeWuzT9fZ0NBlDwcN2-Z4umzcRp2DFxZJCFM50XXvrXa-PzC3lrNLbz8fG8wUpXsTcTDfX00kxO71KUJDN4m44i11DRWJbYDQ0tvOxyWT5t2vlu9f4Qw8s-_/'/>:14
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMKpzwxPqrRlEMsT9s6rnksnF83DjOBdXekNWAWLulZ1F6Di_-zuoDsmYTJOvgmlti-_o-hLrQgd5DkSRGMw5P2VlokhGXQ8ZJfxLiCDfwpCCxa-0DruE0ZEcwniTbZleG_HBrrnqmVZK9/'/>:15
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixXUE8a6FJJ2AuyWtBV-XAyoXPqp_ZUwhZ5dJ_w2RQYJpN__cqIEr3GzhveAPLpMWCFhv1PoGwlp5VUHoqIiucWRv9s9eACe0_t9U6jzMheGUMXa_RZ1e4OkiRaNSuIstRy5eff7Z7J2g4/'/>:16
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnQNrUTnVkGBjq7BlpLQrb2Ha4ouAjrNaZ1QqU9qclSgCuVD1eBFemFD74YOz-amu_E23rMVUMdoXNDiXoQiVBoLQDAxGpmvukYKfCFQq08kGRAMFn6PyATj9rKV6StGKNCoEX8_GPTueZ/'/>:17
<br/>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmepEL39L14vQzer_jG-hCBm1BAFcYOT2TgDVlS-7xpz371FH4n873x5hIWMPAuXi5leFOOVtSudD-NxhwvACKghP85GQS2ufMUbIdSQzuQlOZlx-7aQxGMR5nmlqkN9oaOpFZS-zF5Qv2/'/>:18
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi4CUZHbxxnqiopHv5BIWXvsm5VSeVp-qmOGmpPbI_0aitRbWzinoIGAnkwLC_H5WBjrPa70FQ8A0ygYv5jruFKCQlvC9A9Z1GdZn2F5WG4zNIrpCvmCnpkxtVkVZJMisDWGzh1FfodZqa/'/>:19
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT5FJW-i4ovFA8GiAc3_cwuGzS1HGo-GaEIbBhNA7x4gpb6MbedmUgLtaL5Je2n7YhpAjPmlNSLJQ7-tRAY_6sFcC7Yobs9HBBumMXMBGHnoV-iue-ngmBMLjyhzlhdhr10pUnsZpf9Z3t/'/>:20
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXpnDKgyLnn_-BZAXl-OPWghueMaraC0RTIAUwSeCGHTpK_amxbp9wezqC07HAVYiYYN1HeqJiVDz8HflbmtQ3dRytaRRCopGuWEdSWrLUTguttMxpg7RqBY57XmnslmnW0ic5usEeCY1f/'/>:21
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizyS-WlZSe6r9bVjUgps7wQoEkhodPo2TcVm82mEyQ8GSt4kVbYthXZFuue0xTOkbWzH8nfIs0-EvFcliJGtcjo6Io4FYQ-HNbtAFK-aDtCtWpcVMoypScneDmu7BT_bXdEnXzarjfEtQg/'/>:22
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqq60JLM6iTJ2awLjcyCSHBTAmW2ZVt-3m8SW84l5CaDemrV8E_fgeJj83yDHxM6WycQz-vhfVpuwp_sEzWqOvimvpke7UH8TXL-R3azn9w1PXwtFS6eQpFt-CuPtOmQP_EXKiV45dfvD5/'/>:23
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYPt-CZWETYEBMijnvpts2uGW_xtMhkz46YKNfTXqJTLm_xjl_d8xItfSAMrHz0qCBpMNfk3s0OnR7tLRrtkZNuOheNEsvvRTkphknugcjtWZf-JI-LyQL0C20u4sU0y89gmyTIlSBunx0/'/>:24
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-eW3d5bBLOv_hyphenhyphenA0e4RpEgMZdxtXCvENGHjmFLSqAop3gQxJ0BK1Bv_jhyegluCsBC1j0xIL0BL3aMPuo6BSF_7MGWd90OfR6hWTt01kpsbZQ56VPWuwnHOq2zgr1i5j_067zsca-bOXV/'/>:25
<br/>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2XGJf4JhKqjBtMdnNmE6RQ-H03gsgzay8SE4kDc7Qroy8iPKaY4_LMBqVC22Kaj4vAyqP7V-lJD_wTw0BAjGu1xa8TRY0P91vOX8qOKlFBXmZ_hWoDcYa772R-eBKbY2o-c_dSHfBxBIa/'/>:26
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb27Ps6guMyhVjm4iKjSgb0y06OIiS-3SzJuy4dJxf9QMkv5gveL5ecYrlxJvo6jI-wU6tndwdUHKPuECsicL5Nt5cMiZsa7Y102IsgViyAgdJ_KDJiM8xwXIgsSWvTGI9_2qXlL9fs_xz/'/>:27
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_G9vhEmnY-No0-fQNQeVgmgHjF1jSFv-zViVrINf9D4Yv3IWgmTtm9C85EbmDYL1vwieBUo8gV2ZK74-E0ERB-vvWkRC2e-ZaKIEC30EhcDGs54SelEfIr7gObr1CI9QEffScTL-cXWKG/'/>:28
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNHA7r2cFq-Un7798m2EBlyGbi18-CF4alUNusLgk8MlnzOpj7L_6QWXpe_H0XZegJVEd-1cswXeN_ddSC3gtEE_RPMVU308wpLDoEkguVUAI2xc76tTXAa8voQRGedlaXOW0deiIoSJrW/'/>:29
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTIyxt6MqyuSQQVIuWy23FEJGQDvhVEHzEu5ap9g7p_hGNl3EQBa-zx0htpJdrQ9-bU4GUkJ4qukt8zkPlYESQlIsZM_QF0h4aqlo5g-5i9MkrAcQxbZuTpKF6kKAo_Q5Dyhaf-mPv2eDV/'/>:30
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiujrJn3YfSebauuUXcRSC_b-BaZpL0DJSpajgjwUQung6M01NGnZv8VPUiIAg3mQ913E0im6SCkNFtOM-OamF9txRzUOB49x4T1CVou0kuVpenjtfGHKBDP9sFDgrpvh8pI9y1Q2zHgxRn/'/>:31
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ2MiOngSomProCKi-qIfzP-v56R9w6CJ8ggrSxhP1aEoInFkoMeV83f65zhBgyD120dARWVHbc7fMwc2OYFFrJ6g4S8Rhl24Z1RvXkC-ts8ufxMronz4M-Z2a0cxhLtRzjgD0EsXQYZqS/'/>:32
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFzDNHuct_5cBjpRTZok-zExeyjtghSh52I96AF6B2iz7FDqw0StofsUsdoewZx-h1Qxy7giQfj010-H5Bdz60jOn-ooLDZlecvF_oeSdV4k2tq1Lt1YFt6RT5o8b1-l75AkvotMZgo6lH/'/>:33
<br/>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj1YANRNE3yF2TJC7pk4GxhMoQ_JnxTi7JcMBw8f7t79jmlmjKBowbYOVNHgf8OPizl_RVuj-0bK6A5RHgxWL01nfat1f7SeGe6PktvXwIXny5iXaPQ6AckS4-1Fi6-649zu5iO8bvvACL/'/>:34
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif0y1cj2cuumCKkUTy69AOjds-CR92TbdGBJq8fUZlmAURoI2gaLi6nUBckBHgYWenwjxzy6caHCj7hisbVJ99o3aj6WJRyo9vP2fCrF2NrcjwyUuY9DJaT37sUikOOvhrFHqOtDX4uMbn/'/>:35
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB93jxUQqUlNuXadIS7lX9K3ZNMrEdqwe8Iiqs5BzwRjTZxah_QByjk0KSeY8FBr7Tj0pJlYBmVp4oS7WfDsFqWHCENPp8zWtKuxNZnA9O_vS8tw2nkMI5ERF370G-ilghJLBXhwAJ472h/'/>:36
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6nWvMDXEeuhetJ0ZodKhyphenhyphen1lxGe73dT4vA7mMcDPIyFXvmZ346WIGq1K7VS4jDGjGYvWPkUJncR6yvNmDoQQre60U5QTItJK8sxcK14IZ1cGsVOskILg-6R5ScDWCL24y1BFYJfPC-GRNw/'/>:37
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja_QHhEsWAPhXOyykQLwOCPHouSXnOVnEVjMLynGmEGSydm3tW2_knAfz_UaN0VjLb3VwYzN_F7v5mQii0uayGcLznQ5tFfNStEXpCcOx2EQ6F8PlbgDPOVk7weXgSklxL6C3FApBSsZ-6/'/>:38
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-eJJoFZ-_TkNjvB9hIT6n26pNkS56WH_u5xZu8DDJ-Qrl6yeTz3VhMUn7zPglBYQgfVME_W0crT7UB_pllR4Z_xofzfARzvzPDSjNEU8qGawAWcwMfG2wkw_RvYWSUePUcj7u7uuw9bXH/'/>:39
</b></center>
</div>

  • Simpan Template !

Nah, sebenarnya masih ada lagi emoticon selain yahoo, tapi cukup ini dulu bagi saya. Semoga lain kali bisa posting cara pasang emoticon yang lain selain yahoo. Sekian sob ^^ ...

Selesai

Friday, September 16, 2011

Tips Agar Blog Banyak di Follow Pengunjung

Tips agar blog banyak di follow - Sekedar iseng nulis posting ini, karena kalau nulis tutorial saya lagi males upload gambarnya. Harus nungguin sampai proses selesai. Kalau nulis posting tentang tips kan tidak perlu gambar, jadi saya tidak bosen-bosen menulis tips. Tips juga langsung berasal dari pikiran saya dan juga posting yang pernah saya baca.

Blogger pasti ingin blog miliknya banyak di follow. Karena mungkin menurut dia follow adalah bukti bahwa blog miliknya laris (banyak yang mengunjungi). Mungkin beberapa tips yang akan saya sampaikan ini bertentangan dengan pendapat sobat, mohon dimaafkan. Yuk langsung ke TKP ...
  • Jangan suka meminta-minta pengunjung untuk follow, karena dengan hal itu pengunjung dapat mengambil kesimpulan bahwa admin blog ini ngarep banget
  • Usahakan posting yang sobat buat bermanfaat, sobat bisa lihat di blog-blog yang sudah terkenal. Followernya sangat banyak dikarenakan posting miliknya bermanfaat
  • Buat tampilan blog serapih mungkin, jika widget yang berada di template sobat rapih, Insya Allah blog sobat banyak disukai. Jangan terlalu banyak memasang widget hiasan, pasang saja widget yang urgen (dibutuhkan)

Yah, mungkin tips-tips diatas tidak langsung bisa dipraktekkan. Harus menempuh waktu yang relatif lama. Sekian dulu sob ^^ ...

Selesai

Tuesday, September 13, 2011

Cara Membuat Sidebar Berpindah Saat di Homepage / Posting

Cara membuat sidebar berpindah - Berpindah ? Memangnya punya kaki. Berpindah dalam arti bukan seperti jquery, tapi berpindah saat menuju posting / hompage. Misal, sidebar berada di kiri saat di homepage, kemudian saat masuk ke postingan sidebar tersebut tiba-tiba sudah ada di bagian kanan. Mudah sih sebenarnya, kita hanya menambahkan sedikit kode CSS. Tertarik mencoba ? Yuk langsung ke TKP ...
  • Dasbor > Rancangan
  • Ke Edit HTML
  • Cari kode ]]></b:skin>
  • Kemudian copy kode dibawah ini, lalu paste kode tersebut tepat setelah (dibawah) kode ]]></b:skin>

<style type="text/css">
<b:if cond='data:blog.pageType == &quot;item&quot;'>
#main-wrapper{float:right;}
#sidebar-wrapper{float:left;}
</b:if>

  • Simpan Template !

Ket :
- float: adalah letak sidebar, apabila left berarti sidebar berada di sebelah kiri, sedangkan right berarti sidebar berada di bagian kanan

Mudah bukan, cuma tambah sedikit kode kemudian di simpan deh ... Sekian dulu sob ^^ ...

Selesai

Saturday, September 10, 2011

Cara Membuat Tombol Back to Top Tanpa JQuery

Cara membuat widget tombol back to top - Mungkin artikel ini sudah banyak yang tahu, yaitu tombol back to top. Sobat tahu back to top ? Tombol ini berfungsi untuk menampilkan bagian atas (header) dengan satu kali klik, dan juga tentunya tanpa merefresh halaman tersebut ... Yuk langsung sob ...
  • Dasbor > Rancangan / Layout
  • Tambah Gadget
  • Pilih HTML / JavaScript
  • Copy lalu paste kode berikut pada kotak form HTML / JavaScript 
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrYgEvVu_PFd4yBbTl_BQ_Dma_g0pFukbpspPvuSnpyErktOQLr5xa5OfNUei62lfHe59V7YfuOCYQM3veF9PO5yYj9AYxIbL5nKu_VrUAaqndopaPWKbEYTP2LQhyKicZwSrIIZ57SnRH/s1600/backtotop.png" /></a>
  • Simpan !

Ket :
- Untuk link yang berwarna merah, bisa diganti dengan url gambar yang diinginkan

Terbukti bukan, trik ini tidak menggunakan script jquery ... Oke sob, sekian dulu ^^ ...

Selesai

    Friday, September 9, 2011

    Cara Membuat Artikel Terkait (Related Post) Dibawah Posting

    Cara membuat artikel terkait list dibawah posting - Untuk meningkatkan pageview, selain dari search engine, kita juga bisa meningkatkan dengan cara menebar link di blog kita. Salah satu widget yang otomatis untuk menebar link pada blog kita adalah widget artikel terkait ...

    Widget ini sebenarnya widget yang sudah cukup lama, dan widget artikel terkait yang baru sudah dilengkapi dengan gambar (thumbnails). Dan kali ini, di posting ini saya ingin membahas tentang widget artikel terkait list (tanpa gambar) ... Yuk langsung sob ...
    • Dasbor > Rancangan / Layout
    • Ke Edit HTML
    • Centang " Expand Template Widget "
    • Copy kode dibawah ini


    <script type='text/javascript'>
    //<![CDATA[
    var relatedTitles = new Array();
    var relatedTitlesNum = 0;
    var relatedUrls = new Array();
    function related_results_labels(json) {
    for (var i = 0; i < json.feed.entry.length; i++) {
    var entry = json.feed.entry[i];
    relatedTitles[relatedTitlesNum] = entry.title.$t;
    for (var k = 0; k < entry.link.length; k++) {
    if (entry.link[k].rel == 'alternate') {
    relatedUrls[relatedTitlesNum] = entry.link[k].href;
    relatedTitlesNum++;
    break;}}}}
    function removeRelatedDuplicates() {
    var tmp = new Array(0);
    var tmp2 = new Array(0);
    for(var i = 0; i < relatedUrls.length; i++) {
    if(!contains(tmp, relatedUrls[i])) {
    tmp.length += 1;
    tmp[tmp.length - 1] = relatedUrls[i];
    tmp2.length += 1;
    tmp2[tmp2.length - 1] = relatedTitles[i];}}
    relatedTitles = tmp2;
    relatedUrls = tmp;}
    function contains(a, e) {
    for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
    return false;}
    function printRelatedLabels() {
    var r = Math.floor((relatedTitles.length - 1) * Math.random());
    var i = 0;
    document.write('<ul>');
    while (i < relatedTitles.length && i < 20) {
    document.write('<li><a href="' + relatedUrls[r] + '">' +
    relatedTitles[r] + '</a></li>');
    if (r < relatedTitles.length - 1) {
    r++;
    } else {
    r = 0;}
    i++;}
    document.write('</ul>');}
    //]]>
    </script>

    • Paste kode diatas tepat sebelum (diatas) </head>
    • Kemudian copy kode dibawah ini


    <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/>
        </b:if>
        </b:loop>
        </b:if>

        <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <h4>Artikel Terkait :</h4>
        <script style='font: 12px Trebuchet, Trebuchet MS, Arial, sans-serif;' type='text/javascript'>
        removeRelatedDuplicates();
        printRelatedLabels();
        </script>
        </b:if>

    • Paste kode diatas tepat dibawah <data:post.body/>
    • Simpan Template !

    Ket :
    - Apabila kode <data:post.body/> lebih dari satu, maka paste kode dibawah <data:post.body/> yang terakhir

    Oke selesai sob, widget artikel terkait list sudah selesai ...  Mungkin di lain waktu saya akan memposting widget artikel terkait thumbnails (dengan gambar) ...

    Selesai

    Cara Membuat Blog Menjadi Blog Dofollow

    Cara membuat blog menjadi dofollow - Seperti yang kita tahu, backlink bisa kita dapat dengan cara memasukkan link ke komentar posting blog orang lain. Tapi tahukah sobat, ada juga blog yang kita tinggalkan komentar tanpa memasukkan link blog kita, komentar tersebut bisa menjadi backlink. Ya, itu dia blog dofollow. Untuk lebih jelas tentang blog dofollow, baca disini. Di posting ini, saya hanya ingin membahas tentang cara membuat blog menjadi blog dofollow. Yuk langsung ke TKP ...
    • Dasbor > Rancangan / Layout
    • Ke Edit HTML
    • Cari kode <a expr:href='data:comment.authorUrl' rel='nofollow'>
    • Hapus " rel='nofollow' " pada kode diatas
    • Sehingga kode menjadi seperti ini
    <a expr:href='data:comment.authorUrl'>
    • Simpan Template !

    Oke, selesai deh ... Kita ketemu lagi di lain posting oke sob ^^ ...

    Selesai

    Monday, September 5, 2011

    Cara Membuat Widget Entri Populer

    Cara membuat widget entri populer - Widget ini sudah cukup terkenal dikalangan para blogger. Sobat sudah tahu belum ? Widget ini menampilkan posting milik blog kita yang paling sering dibaca / dikunjungi oleh pengunjung. Widget ini bekerja secara otomatis, jadi kita tidak perlu mengganti posting kita yang tampil di widget ini. Dalam membuat widget ini, kita bisa mengambil kode widget entri populer dari situs lain ataupun widget yang sudah disediakan blogspot. Kali ini saya ingin menjelaskan tentang widget entri populer yang telah disediakan oleh blogspot. Yuk langsung saja ...
    • Dasbor > Rancangan / Layout
    • Add / Tambah Gadget
    • Pilih " Popular Post "
    • Tentukan berapa jumlah posting yang tampil dan apakah ingin diberi gambar atau tidak
    • Simpan Template !

    Yo segitu dulu, mungkin lain kali saya akan menambahkan dengan efek marquee (berjalan). Sekian ^^ ...

    Selesai

      Cara Membuat Widget Berlanggan via Email (Email Subcriptions)

      Cara membuat widget berlangganan via email - Sekedar info untuk sobat saja, blogger, feedburner, picasaweb, dan masih banyak lagi, itu adalah proyek punyanya google. Artikel kali ini juga ada hubungannya dengan salah proyek punyanya google. Sobat sudah tahu feedburner? Kali ini saya ingin membahas salah satu widget yang berasal dari feedburner. Widget ini berguna bagi pengunjung yang ingin selalu mendapatkan update posting ke email miliknya. Ya sudah. langsung aja sob ^^ ...
      • Kunjungi feedburner

      • Klik Feed Title dari blog yang ingin dibuatkan widget ini

      • Klik " Publicize "

      • Klik " Email Subcriptions " pada tab Services

      •  Klik " Active "

      • Copy kode yang muncul pada form kotak yang pertama

      • Untuk meletakkan widget email subcriptions, pasti semuanya sudah bisa

      Oke deh, segitu aja tutorial di posting ini. Kita ketemu lagi dilain waktu

      Selesai

      Cara Membuat Arsip Blog (Blog Archive) Memiliki Scroll Bar

      Cara membuat blog archive memiliki scroll - Setelah mengetahui bahwa posting yang banyak dikunjungi juga memiliki kriteria-kriteria. Kriteria diantaranya adalah topik postingan belum banyak yang membahas, dan juga posting harus unik. Nah menurut saya, trik arsip blog yang ber-scroll bar juga jarang ditemui di blog-blog lain, jadi saya putuskan untuk mempublishnya di blog saya. Tidak usah berlama-lama, yuk langsung saja ... Oh iya, trik ini biasanya dipakai oleh para blogger apabila gaya arsip blognya adalah " Hierarki " ...
      • Dasbor > Rancangan / Layout

      • Ke Edit HTML

      • Centang " Expand Template Widget "

      • Cari judul gadget arsip blog, contoh arsip blog saya adalah " Arsip Blog "

      • Letakkan kode dibawah ini tepat didalam kode <div id='ArchiveList'>

      style='border: 0px; overflow: auto; width:100%; height: 250px; text-align: left; background:transparent;'
      • Sehingga hasilnya seperti ini

       <div id='ArchiveList' style='border: 0px; overflow: auto; width:100%; height: 250px; text-align: left; background:transparent;'>
      • Simpan Template !

      Nah mudah kan sob? Ya sudah kalau gampang, berarti trik membuat blogroll archive selesai ^^ ...

      Selesai

        Saturday, September 3, 2011

        Cara Membuat Widget Daftar Link Blog

        Cara membuat widget daftar link blog - Baru-baru ini, saya mendapat sebuah pemikiran tentang mencari penghasilan dari Internet. Sekedar share saja, pemikiran yang saya dapat itu adalah bahwa mendapatkan penghasilan dari situs PPC / PTC itu memang benar adanya, hanya saja banyak juga para blogger yang sudah mendaftar pada situs PPC / PTC tapi masih belumjuga mendapatkan penghasilan dari situs PPC / PTC tersebut. Sobat tahu kenapa ... ? Karena blog yang biasanya mendapatkan penghasilan dari situs PPC / PTC itu memiliki pageview minimal 1000/hari. Memang begitu kok kenyataannya ...

        Dalam hal ini juga saya ingin membuat blog saya ini memiliki pageview mendekati 1000/hari, kalau inginnya sih sampai lebih dari 1000/hari. Untuk mendapatkan pageview seperti itu, dibutuhkan update posting yang banyak dan juga tentunya posting harus berkualitas. Maka dari itu saya membuat posting ini untuk menambah pageview ... Maaf jauh banget nih dari topik, ya udahlah langsung aja yuk memasang widget daftar link blog ...
        • Dasbor > Rancangan / Layout

        • Tambah / Add Gadget

        • Pilih " Daftar link "

        Gambar tutorial membuat widget daftar link blog
        • Silahkan sortir urutan link

        • Isi " URL Situs Baru " dengan link blog

        • Isi " Nama Situs Baru " dengan nama yang akan muncul

        Gambar tutorial membuat widget daftar link blog

        • Tambahkan Tautan

        • Simpan !


        Sedikit keterangan, mungkin list style daftar link di blog sobat dengan blog saya berbeda. Karena list style adalah bawaan dari template. Sekian tentang widget daftar link ^^ ...

        Selesai

        Cara Memindahkan Kotak Form Komentar Tepat dibawah Posting

        Cara membuat kotak komentar diatas komentar - Komentar menjadi hal yang tak tertinggalkan pada blog, kecuali memang ada blog yang sengaja menghilangkan kotak komentar. Biasanya komentar-komentar blog itu berisi backlink ataupun tanggapan mengenai posting kita. Kita ketahui bahwa blog yang sudah memiliki pagerank tinggi, biasanya disetiap postingnya banyak blogger yang berkomentar untuk bertanya ataupun untuk berterima kasih. Maksimal komentar yang akan tampil pada setiap posting adalah 200. Jadi setiap posting yang sudah memiliki komentar lebih dari 200, maka nanti akan ada link komentar terbaru.

        Topik posting ini adalah trik untuk membuat kotak form komentar berada diatas komentar pengunjung (tepat dibawah posting). Sampai hari ini saya baru menemukan 1 manfaat dari trik ini, yaitu untuk membuat blog terlihat lebih bagus (menurut pendapat masing-masing). Ya sudah, kita langsung saja ke trik memindahkan kotak form komentar ke atas komentar (dibawah posting) ...
        • Dasbor > Rancangan / Layout

        • Ke Edit HTML

        • Centang " Expand Template Widget "

        • Cari kode yang mirip dengan kode dibawah ini

        <div class='comment-form'>
            <a name='comment-form'/>
            <h3><data:postCommentMsg/></h3>
            <p><data:blogCommentMessage/></p>
            <iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='640'/>
          </div>
        • Jika sudah ketemu, pindahkan kode yang mirip diatas tepat setelah (dibawah) kode <div class='comments' id='comments'>

        • Simpan Template !


        Lihat hasilnya ... Oke jika sudah berhasil, kalau belum berhasil bisa bertanya lho ... Sekian trik memindahkan kotak form komentar ^^ ...

        Selesai

        Cara Back Up / Download Template di Blogspot

        Cara back up template - Template menjadi salah satu hal yang harus kita perhatikan sebagai blogger selain posting. Template yang simple dan rapih itu sangat berpengaruh dengan loading blog, maka dari itu sobat harus sebisa mungkin membuat template blog sobat tidak lola (loading lama), karena apabila loading blog sobat lama, pengunjung bisa kesal karena nunggu loading sampai jenggotan.

        Apabila kita ingin mengedit template kita agar loading blog lebih cepat, mungkin ada kode HTML yang akan kita edit. Awas, kalau terjadi kesalahan  template sobat bisa saja ERROR. Maka dari itu, setiap sobat ingin mengedit, untuk mencegah kesalahan downloadlah template lengkap terlebih dahulu. Dimana " Download Template Lengkap " ... ?

        Untuk download template lengkap, sobat harus...
        • Dasbor > Rancangan / Layout
        • Ke Edit HTML
        • Lihat gambar dibawah ini
         Setelah mengklik link " Download Template Lengkap ", nanti akan ada pernyataan untuk download atau tidak. Pilih download.

        Selesai

          Cara Membuat Komentar Blogspot Sama Seperti WordPress (Thread Reply Comment)

          Cara membuat thread reply comment pada blogspot - Setelah muter - muter mbah google mencari trik ini, akhirnya ketemu juga. Waktu pertama ketemu trik yang seperti ini di google, saya senang sekali. Hanya saja trik yang pertama kali saya temukan memiliki sedikit kekurangan, jika menjawab komentar orang lain komentar kita berada dipaling bawah, bukan dibawah komentar yang ingin kita jawab.

          Sebenarnya trik komentar seperti ini adalah komentar dari platform WordPress. Dan menurut saya keren kalau bisa dipraktekkan di blog saya, platform blogspot. Jadi saya berusaha untuk mencari trik ini untuk blog saya. Saya sering memasukkan keyword " cara membuat threaded reply comment di blogspot ", tapi posting yang muncul itu triknya memiliki kekurangan seperti diatas. Jadi saya putuskan untuk posting di blog saya, karena menurut saya posting seperti ini Insya Allah banyak dikunjungi ... Amien ... Yuk langsung saja sob ...
          • Dasbor > Rancangan / Layout
          • Ke Edit HTML
          • Copy kode dibawah ini

          <script type="text/javascript">
          //<![CDATA[
          /*
          --- Threaded Comments ---
          v 0.9.3 15th March 2009
          By Rijal Islami
          http://caratrikblog.blogspot.com
          */
          function Author(C,A,B){this.id=C;this.name=A;this.url=B;this.toString=function(F){var E="\t";if(F){for(var D=0;D<F;D++){E+="\t"}}return"Author[\n"+E+"id="+this.id+", \n"+E+"name="+this.name+", \n"+E+"url="+this.url+"\n"+E+"]"}}function Comment(E,H,G,C,B,D,F,A){this.id=E;this.sequenceNumber=H;this.postedTime=G;this.body=F;this.deleted=A;this.deleteUrl=B;this.deleteText=D;this.parentId="";this.children=new Array();this.level=0;this.author=C;this.getChildCount=function(){return this.children.length};this.addChild=function(I){this.children[this.getChildCount()]=I.id;I.parentId=this.id;I.level=this.level+1};this.toString=function(K){var J="\t";if(K){for(var I=0;I<K;I++){J+="\t"}}return"Comment[\n"+J+"id="+this.id+", \n"+J+"sequence="+this.sequenceNumber+", \n"+J+"deleted="+this.deleted+", \n"+J+"parentId="+this.parentId+", \n"+J+"children=["+this.children+"], \n"+J+"level="+this.level+", \n"+J+"author="+this.author.toString(1)+", \n"+J+"posted time="+this.postedTime+", \n"+J+"body="+this.body+"\n"+J+"]"}}function trimBrsFromString(C){var F=trimString(C);var B=["<br>","<br >","<br/>","<br />","<BR>","<BR >","<BR/>","<BR />"];if(F){var E=true;while(E){E=false;for(var D in B){var A=B[D];if(F.indexOf(A)==0){F=F.substring(A.length);F=trimString(F);E=true}var H=F.length;var G=F.lastIndexOf(A);if(G>=0&&G==H-A.length){F=F.substring(0,G);F=trimString(F);E=true}}}}return F}function trimString(A){var E="";if(A){var D=false;for(var B=0;B<A.length;B++){var F=A.charAt(B);if(!D&&F!=" "&&F!="\n"&&F!="\t"){D=true}if(D){E+=F}}D=false;var C=-1;for(var B=E.length-1;!D&&B>0;B--){var F=E.charAt(B);if(!D&&F!=" "&&F!="\n"&&F!="\t"){D=true;C=B}}if(C>0){E=E.substring(0,C+1)}}return E}function addItem(A,B){A[B.id]=B}function getAllItems(C){var D=new Array();var B=0;for(var A in C){D[B]=C[A];B++}return D}function getItemsCount(C){var B=0;for(var A in C){B++}return B}var ALL_AUTHORS=new Object();var ALL_COMMENTS=new Object();function getNewAuthorId(){var C=1;for(var A in ALL_AUTHORS){if(ALL_AUTHORS[A]&&ALL_AUTHORS[A].id){var B=ALL_AUTHORS[A].id;if(B>=C){C=B+1}}}return C}function createAuthor(C,A,B){return new Author(C,A,B)}function addAuthor(A){addItem(ALL_AUTHORS,A)}function getAllAuthors(){return getAllItems(ALL_AUTHORS)}function getAuthorsCount(){return getItemsCount(ALL_AUTHORS)}function findAuthor(C,B){for(var A in ALL_AUTHORS){if(ALL_AUTHORS[A]){if(ALL_AUTHORS[A].name==C&&ALL_AUTHORS[A].url==B){return ALL_AUTHORS[A]}}}return null}function getNewCommentSequence(){var C=1;for(var A in ALL_COMMENTS){if(ALL_COMMENTS[A]&&ALL_COMMENTS[A].sequenceNumber){var B=ALL_COMMENTS[A].sequenceNumber;if(B>=C){C=B+1}}}return C}function createComment(E,H,G,C,B,D,F,A){return new Comment(E,H,G,C,B,D,F,A)}function addComment(A){addItem(ALL_COMMENTS,A)}function getAllComments(){return getAllItems(ALL_COMMENTS)}function getRootComments(){var D=new Array();var C=0;for(var A in ALL_COMMENTS){var B=ALL_COMMENTS[A];if(B&&B.level==0){D[C]=B;C++}}return D}function getCommentsCount(){return getItemsCount(ALL_COMMENTS)}function findComment(B){for(var A in ALL_COMMENTS){if(ALL_COMMENTS[A]){if(ALL_COMMENTS[A].id==B){return ALL_COMMENTS[A]}}}return null}function findLastCommentByAuthorName(C){var B=null;for(var A in ALL_COMMENTS){if(ALL_COMMENTS[A]){if(ALL_COMMENTS[A].author.name==C){B=ALL_COMMENTS[A]}}}return B}function findLastCommentByPartialAuthorName(C){var B=null;for(var A in ALL_COMMENTS){if(ALL_COMMENTS[A]){if(ALL_COMMENTS[A].author.name.toLowerCase().indexOf(C.toLowerCase())==0){B=ALL_COMMENTS[A]}}}return B}function addCommentHierarchy(D,C){if(D){C[C.length]=D;var A=D.children;for(var B in A){addCommentHierarchy(findComment(A[B]),C)}}}function getCommmentsInSortedOrder(){var D=new Array();var A=getRootComments();for(var B in A){var C=A[B];addCommentHierarchy(C,D)}return D}function ParsedResult(A,B){this.parentComment=A;this.body=B;this.toString=function(){return"[parentComment="+this.parentComment+", body="+this.body+", ]"}}function findParentCommentFromDescriptor(A){var B=findComment(A);if(B==null){B=findLastCommentByAuthorName(A)}if(B==null){B=findLastCommentByPartialAuthorName(A)}return B}function parseCommentBody(B,F){B=trimString(B);var A=B.indexOf("@");if(A==0){var H=B.indexOf("\n",0);var G=B.indexOf("<",0);var D=H;if(G>0&&(G<D||D<0)){D=G}if(D>2){var O=B.substring(1,D);O=trimString(O);var K=findParentCommentFromDescriptor(O);if(K==null){var J=O.indexOf(" ");if(J>0){var N=trimString(O.substring(0,J));K=findParentCommentFromDescriptor(N);if(K!=null){D=J+1}}}if(K!=null){var P=null;var Q=D;var C=B.indexOf("@",Q+1);if(C>Q){var M=trimString(B.substring(C));P=parseCommentBody(M,C)}if(P&&P.length>0&&P[0].parentComment!=null){var L=trimString(B.substring(D,C));var I=new ParsedResult(K,L);var E=[I].concat(P);return E}else{var L=trimString(B.substring(D));var I=new ParsedResult(K,L);return[I]}return E}}}var I=new ParsedResult(null,B);return[I]}function buildComment(C,K,H,L,G,I,M,A){var F=findAuthor(C,K);if(!F){F=createAuthor(getNewAuthorId(),C,K);addAuthor(F)}var D=parseCommentBody(A,0);for(var J in D){var E="";E=D[J].body;E=trimBrsFromString(E);var B=createComment(H+"."+J,getNewCommentSequence(),L,F,I,M,E,G);addComment(B);if(D[J].parentComment!=null){D[J].parentComment.addChild(B)}}}function substituteConstant(A,D,C){var B=A;while(B.indexOf(D)>=0){B=B.replace(D,C)}return B}function substituteConstantIfValueExists(D,A,I,C,H){var J=D;var F=J.indexOf(A);var E=J.indexOf(I);while(F>0&&E>F){var B=J.substring(F,E+I.length);var G=null;if(H&&H.length>0){G=substituteConstant(B,C,H);G=G.substring(A.length,G.length-I.length)}else{G=""}J=J.replace(B,G);F=J.indexOf(A);E=J.indexOf(I)}return J}function isBlogAuthor(B){var A=false;if(window.BLOG_AUTHORS){for(var C in BLOG_AUTHORS){if(BLOG_AUTHORS[C]==B){A=true;break}}}else{if(window.BLOG_AUTHOR){A=(BLOG_AUTHOR==B)}}return A}function applyCommentTemplateToComment(F,E){var A=F;A=substituteConstant(A,"${COMMENT.ID}",E.id);A=substituteConstant(A,"${COMMENT.TIMESTAMP}",E.postedTime);A=substituteConstant(A,"${COMMENT.AUTHOR.NAME}",E.author.name);var C=(E.level>3)?"gt3":E.level;A=substituteConstant(A,"${COMMENT.LEVEL}",C);A=substituteConstantIfValueExists(A,"${COMMENT.AUTHOR.URL.EXISTS.START}","${COMMENT.AUTHOR.URL.EXISTS.END}","${COMMENT.AUTHOR.URL}",E.author.url);A=substituteConstant(A,"${COMMENT.AUTHOR.URL}",E.author.url);A=substituteConstant(A,"${COMMENT.DELETE.URL}",E.deleteUrl);A=substituteConstant(A,"${COMMENT.DELETE.TEXT}",E.deleteText);A=substituteConstant(A,"${COMMENT.BODY}",E.body);var D=isBlogAuthor(E.author.url)?"blog-author-comment":"blog-nonauthor-comment";A=substituteConstant(A,"${BLOG.AUTHOR}",D);A=substituteConstant(A,"${BLOG.POST.COMMENT.LINK}",BLOG_POST_COMMENT_LINK);var B=(E.deleted)?"deleted-comment":"";A=substituteConstant(A,"${COMMENT.DELETED.STYLE}",B);document.writeln(A)}function applyCommentTemplate(C){var D=getCommmentsInSortedOrder();for(var A in D){var B=D[A];applyCommentTemplateToComment(C,B)}}function setElementDisplay(B,C){var A=document.getElementById(B);if(A){A.style.display=C}}function setElementsDisplay(B,C){for(var A in B){setElementDisplay(B[A],C)}}function showElements(A){setElementsDisplay(A,"block")}function hideElements(A){setElementsDisplay(A,"none")}function showElement(A){setElementDisplay(A,"block")}function hideElement(A){setElementDisplay(A,"none")}function toggleElementDisplays(C,B,D){if(C.innerHTML=="[Sembunyikan]"){for(var A in B){if(D[A]=="both"||D[A]=="hide"){hideElement(B[A])}}C.innerHTML="[Tampilkan]"}else{for(var A in B){if(D[A]=="both"||D[A]=="show"){showElement(B[A])}}C.innerHTML="[Sembunyikan]"}};// ]]>
          </script>

          • Paste kode diatas tepat sebelum (diatas) kode <b:skin>
          • Kemudian copy kode dibawah ini lagi

            .comment-segment {
            padding:5px;
            margin-top: 10px;
            margin-right: 10px;
            }
            .comment-level-0 {
            padding:5px;
            margin-left: 10px;
            }
            .comment-level-1 {
            padding:5px;
            margin-left: 25px;
            }
            .comment-level-2 {
            padding:5px;
            margin-left: 40px;
            }
            .comment-level-3 {
            padding:5px;
            margin-left: 55px;
            }
            .comment-level-gt3 {
            padding:5px;
            margin-left: 70px;
            }
            .blog-author-comment {
            padding:5px;
            background-color: #FFFFFF;
            border: 1px solid #FFFF99;
            }
            .blog-nonauthor-comment {
            padding:5px;
            background-color: #FFFFFF;
            border: 1px solid #7296E2;
            }
            .deleted-comment {
            color: gray; font-STYLE: italic
            }
            .delete-comment-icon {
            background: url("http://www.blogblog.com/rounders3/icon_delete13.gif")
            no-repeat;
            }
            .comment-time {
            font-size: 80%;
            margin: inherit;
            padding-left: 10px;
            padding-bottom: 10px;
            }
            .reply-guide {
            background-color: #FFFFFF;
            border: #076a93 1px dotted;
            display: none;
            padding-right: 10px;
            padding-left: 10px;
            padding-bottom: 0.75em;
            padding-top: 5px;
            margin-right: 10px;
            margin-bottom: 10px;
            }
            .reply-guide-header {
            color: #076a93;
            padding-top: 10px;
            }
            .reply-guide-list {
            list-style: none;
            padding-left: 2px;
            margin-left: 2px;
            }
            .reply-guide-example {
            font-size: 85%;
            margin-right: 5px;
            margin-bottom: 10px;
            float: right;
            border: 1px dotted #076a93;
            padding: 5 5 5 5;
            }

            • Paste kode diatas tepat sebelum (diatas) ]]></b:skin>
            • Simpan Template !
              Istirahat dulu sob, barang kali sobat pusing ...
              Sudah cukup istirahatnya, kita lanjut yuk ...
              • Dasbor > Rancangan / Layout
              • Ke Edit HTML
              • Centang " Expand Template Widget "
              • Cari kode <b:includable id='comments' var='post'>
              • Ganti kode <b:includable id='comments' var='post'> sampai kode </b:include> diatas kode <div id='sidebar-wrapper'> dengan kode dibawah ini

                  <b:includable id='comments' var='post'>
                  <div class='comments' id='comments'>
                  <a name='comments'/>
                  <b:if cond='data:post.allowComments'>
                  <h4>
                  <b:if cond='data:post.numComments == 1'> 1 <data:commentLabel/>:
                  <b:else/><data:post.numComments/><data:commentLabelPlural/>:
                  </b:if>
                  </h4>

                  <b:if cond='data:post.numComments > 0'>
                  <!-- Include a post comment link before rendering the comments -->
                  <p class='comment-footer'>
                  <b:if cond='data:post.embedCommentForm'>
                  <b:include data='post' name='comment-form'/>
                  <b:else/>
                  <b:if cond='data:post.allowComments'>
                  <a expr:href='data:post.addCommentUrl'
                  expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
                  </b:if>
                  </b:if>
                  </p>
                  </b:if>

                  <!-- Loop through the comments adding the comment bodies in a hidden div -->
                  <b:loop values='data:post.comments' var='comment'>
                  <div style="display: none;" expr:id='"comment-body-" + data:comment.id' >
                  <data:comment.body/>
                  </div>
                  </b:loop>
                  <!-- Now create the comment using our javascript -->
                  <script type="text/javascript">
                  // USE THIS if YOU Have multiple Authors adding them in a comma separated form after removing the '//' from the next line
                  // var BLOG_AUTHORS = ['http://www.blogger.com/profile/firstauthor', 'http://www.blogger.com/profile/secondauthor', 'http://www.blogger.com/profile/thirdauthor'];
                  // Use this if you have just one author like this blog :)
                  var BLOG_AUTHOR = 'http://www.blogger.com/profile/10301627897367423203';
                  var BLOG_POST_COMMENT_LINK = '<data:post.addCommentUrl/>';

                  var eCommentDelete = false;
                  var eAuthorUrl = '';
                  <b:loop values='data:post.comments' var='comment'>
                  eCommentDelete = false;
                  eAuthorUrl = '';
                  <b:if cond='data:comment.authorUrl'>
                  eAuthorUrl = "<data:comment.authorUrl/>";
                  </b:if>
                  <b:if cond='data:comment.isDeleted'>
                  eCommentDelete = true;
                  </b:if>

                  buildComment("<data:comment.author/>", eAuthorUrl,
                  "<data:comment.id/>", "<data:comment.timestamp/>", eCommentDelete,
                  "<data:comment.deleteUrl/>", "<data:top.deleteCommentMsg/>",
                  document.getElementById('comment-body-<data:comment.id/>').innerHTML);
                  </b:loop>
                  // <![CDATA[
                  var eCommentTemplate = '' +
                  '<div class="comment-segment comment-level-${COMMENT.LEVEL} ${BLOG.AUTHOR} ${COMMENT.DELETED.STYLE}" >' + '\n' +
                  ' <a name="comment-${COMMENT.ID}"></a>' + '\n' +
                  ' <span style="float: right; margin-right: 5px; " >' + '\n' +
                  ' <a href="#" ' + '\n' +
                  ' onclick="toggleElementDisplays(this, ' +
                  '[\'comment-${COMMENT.ID}-body\', \'comment-${COMMENT.ID}-footer\', \'reply-guide-${COMMENT.ID}\'], ' +
                  '[\'both\', \'both\', \'hide\']); return false;" >[Sembunyikan]</a>' + '\n' +
                  ' </span>' + '\n' +
                  ' <span class="comment-author" >' +
                  '${COMMENT.AUTHOR.URL.EXISTS.START}' +
                  '<a href="${COMMENT.AUTHOR.URL}" rel="nofollow">' +
                  '${COMMENT.AUTHOR.URL.EXISTS.END}' +
                  '${COMMENT.AUTHOR.NAME}' +
                  '${COMMENT.AUTHOR.URL.EXISTS.START}' +
                  '</a>' +
                  '${COMMENT.AUTHOR.URL.EXISTS.END}</span>' + '\n' +
                  ' said... ' + '\n' +
                  ' <div id="comment-${COMMENT.ID}-body" class="comment-body" ><p>${COMMENT.BODY}</p></div>' + '\n' +
                  ' <span class="comment-time">on ${COMMENT.TIMESTAMP}</span>' + '\n' +
                  ' <div id="reply-guide-${COMMENT.ID}" class="reply-guide comment-level-0 " >' + '\n' +
                  ' <span style="float: right;" ><a href="#" onclick="hideElement(\'reply-guide-${COMMENT.ID}\'); return false;" >[Sembunyikan]</a></span>' + '\n' +
                  ' <h4 class="reply-guide-header">How to Reply to this comment</h4>' + '\n' +
                  ' <span>' + '\n' +
                  ' To reply to this comment please ensure that <b>one</b> of the following lines: ' + '\n' +
                  ' <ul class="reply-guide-list">' + '\n' +
                  '<li>@${COMMENT.ID}</li>' + '\n' +
                  '<li>@${COMMENT.AUTHOR.NAME}</li>' + '\n' +
                  ' </ul>' + '\n' +
                  ' is the <b>first line</b> of your comment. ' + '\n' +
                  ' <br />' + '\n' +
                  ' <a href="${BLOG.POST.COMMENT.LINK}"' + '\n' +
                  ' >Click here to enter your reply</a>' + '\n' +
                  ' </span>' + '\n' +
                  ' </div>' + '\n' +
                  ' <div id="comment-${COMMENT.ID}-footer" class="comment-footer">' + '\n' +
                  ' <span><a ' +
                  'href="#" onclick="showElement(\'reply-guide-${COMMENT.ID}\'); return false;" >Reply</a></span> ' + '\n' +
                  ' <span><a href="#comment-${COMMENT.ID}">Permalink</a></span> ' + '\n' +
                  ' <span><a href="${COMMENT.DELETE.URL}" title="${COMMENT.DELETE.TEXT}" style="text-decoration: none;" ><span class="delete-comment-icon"> </span></a></span>' + '\n' +
                  ' </div>' + '\n' +
                  '</div>' + '\n';

                  applyCommentTemplate(eCommentTemplate);
                  // ]]>
                  </script>
                  <p class='comment-footer'>
                  <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
                  </p>
                  </b:if>
                  <div id='backlinks-container'>
                  <div expr:id='data:widget.instanceId + "_backlinks-container"'>
                  <b:if cond='data:post.showBacklinks'>
                  <b:include data='post' name='backlinks'/>
                  </b:if>
                  </div>
                  </div>
                  </div>
                  </b:includable>




                • Simpan Template !





                • Mungkin ada sobat yang kurang paham akan trik pasang thread reply comment di blogspot, silahkan bisa bertanya (komentar). Soalnya saya pusing mau jelasin apalagi. Sekian dulu sob ^^ ...

                  Selesai

                  Cara Mengganti Tulisan " Powered by / Didukung oleh Blogger "

                  Cara mengganti kalimat Powered by / Didukung oleh Blogger - Kebanyakan blogger platform blogspot yang sudah mahir dalam edit HTML pasti sudah mengerti dengan trik ini, trik ini juga dapat membuat blog kita tampil menjadi blog yang profesional. Profesional dalam arti enak dipandang. Sekedar sobat tahu, kalimat " Powered by / Didukung oleh Blogger " itu berada di bagian footer. Maksudnya bagian ... ? Tulisan yang sobat baca ini kan adalah bagian dari main wrapper, nah tulisan " Powered by / Didukung oleh Blogger " itu adalah bagian dari footer. Jadi kita akan sedikit mengedit kode <div id='footer'> ...... </div>. Oke sob langsung ke TKP aja yu ...
                  • Dasbor > Rancangan / Layout

                  • Ke Edit HTML

                  • Cari kode <div id='footer'>

                  • Ganti tulisan setelah kode <div id='footer'> hingga kode penutupnya yaitu kode </div>

                  • Contoh :


                  <div id='footer'>
                  Terima kasih kepada <b>Allah SWT</b>, <a href='http://www.google.co.id'>Google</a>, <a href='http://www.blogger.com'>Blogger</a>, dan Semua Pengunjung | &#169; 2010 - 2011 <a href='http://caratrikblog.blogspot.com'>Cara Trik Blog</a><br/><br/><a href='http://www.dmca.com/Protection/Status.aspx?ID=a157eb5e-acb5-49e1-a7d1-c6845849aba6' title='DMCA'> <img alt='DMCA.com' src='http://images.dmca.com/Badges/DMCA_logo-bw140w.png?ID=a157eb5e-acb5-49e1-a7d1-c6845849aba6'/></a>
                  </div>
                  • Ganti kode / kalimat yang berwarna merah sesuai keinginan sobat

                  • Simpan Template !


                  Oke sob mudah dan simple banget kan ... ? sekian dulu deh trik mengganti kalimat Powered by / Didukung oleh Blogger ...

                  Selesai

                  Friday, September 2, 2011

                  Cara Mengetahui Nomor ID Blog di Blogspot

                  Cara mengetahui nomor ID blog - Sekarang harus update terus nih, mumpung masih ada waktu libur. Oke di artikel ini saya ingin menjelaskan cara mengetahui nomor ID blog. ID blog ini sangat dibutuhkan dalam hal mengedit kode HTML komentar, hasil pengalaman saya. Contohnya saat ingin menambah fitur reply komen, dan lain-lain. Sebenarnya trik ini mudah sekali. Kita tidak perlu edit sana, edit sini, untuk mengetahui ID suatu blog. Oke langsung saja sob ...

                  • Login blogspot > Entri Baru (atau yang lain)

                  • Lihat pada Bilah Navigasi browser, link adress saat masuk Entri Baru adalah

                   http://www.blogger.com/post-create.g?blogID=88567627477421XXXXX
                  • Nah 88567627477421XXXXX adalah nomor ID blog (XXXXXX=sekian, sekian {kayak dikuis-kuis di TV})


                  Paham belum tentang ID blog ... ? Kalau belum paham belajar donk! Peace akh sob ^^ ... Sekian dulu sob ...

                  Selesai

                  Cara Mengganti Logo B (Favicon) di Blogspot

                  Cara mengganti logo b blogspot - Setelah beberapa waktu yang lalu, blogspot telah menambah gadget untuk mengganti favicon bawaan blogspot, tepatnya diatas header. Menurut pengalaman saya, hal tersebut masih memiliki sedikit kekurangan, yaitu gambar format png dan gambaar yang tidak berbentuk persegi tidak bisa diupload. Maka dari itu saya lebih memilih cara yang dulu saja, yaitu dengan menambahkan sedikit kode. Caranya simple kok ... Tertaik mencoba ... ? Yuk ke panduan cara mengganti favicon blogspot ...

                  • Dasbor > Rancangan / Layout

                  • Ke Edit HTML

                  • Copy kode dibawah ini


                  <link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgemPihcZBAMhIo41Ijgdjh0VS2VDduSTCNjr2o3kJLIb-5WCyiFxwKm-QTOOk4Rq3rZ2U42GSX1EUaGLtIUUZEBnO38cBgcRyal350xHSD0T54mmk0JREsewycppeIPrtSDAX3DLL2pSQ/s1600/caratrikblog%255Bdot%255Dblogspot%255Bd.png' rel='shortcut icon'/>
                  • Cari kode <b:skin><![CDATA[/*

                  • Kemudian paste kode yang telah dicopy tepat sebelum (diatas) kode <b:skin><![CDATA[/*

                  • Simpan Template !

                  Ket :
                  - ganti link yang berwarna merah dengan link adress gambar yang telah diupload

                  Selain cara ini, masih ada lagi cara untuk mengganti favicon blogspot, yaitu dengan gadget yang berasal dari blogspot. Ya sudah, sekian dulu sob ^^ ...

                  Selesai

                  Cara Membuat Widget Update Pagerank

                  Pagerank - Pagerank bisa kita artikan sebagai event atau perlombaan dalam dunia blogging. Event ini diadakan oleh Google. Event ini melakukan penilaian sekitar 3 bulan sekali. Nilai yang diberikan oleh google yaitu angka 1 - 10. Berbeda dengan alexa rank, makin kecil angka yang diperoleh makin bagus traffik suatu blog, tapi pagerank berbeda, makin tinggi angka yang diperoleh makin baik. Google menilai suatu blog untuk hasil pagerank yaitu dengan cara menghitung banyaknya pengunjung yang datang ke suatu blog dari google.

                  Jadi apabila blog kita memiliki banyak pengunjung yang datang dari google, Insya Allah pagerank blog tersebut tinggi. Tapi ada juga blogger yang belum mengetahui event ini, karena setiap blog yang bisa di crawl (dijaring / dicari) di google sudah terdaftar otomatis di event pagerank. Nah ada juga widget pengecek pagerank, widget ini berfungsi untuk menampilkan nilai pagerank kita, sama dengan alexa rank, hanya saja widget pengecek alexa setahu saya hanya ada satu situs yang dapat membuat widget pengecek alexa rank, yaitu situs resmi alexa. Widget pengecek pagerank dapat kita buat bukan dari satu situs saja, tapi ada beberapa.
                  Contoh :

                  - http://www.prchecker.info

                  - http://www.mypagerank.net

                  Nah kali ini saya ingin membahas tentang cara membuat widget pagerank di MyPagerank.net. Langsung saja sob ...

                  • Klik link MyPagerank

                  • Isi kotak form dengan nama blog sobat, kemudian klik " Check PR "

                  Gambar widget update pagerank
                  •  Kemudian akan 7 jenis gambar, klik jenis gambar yang sobat sukai. Kemudian akan muncul kodenya

                  Gambar widget update pagerank
                  •  Copy kode yang muncul dan paste di tempat sesuai keinginan sobat

                  • Simpan !

                  Yah itu dia, diatas tadi adalah pembahasan mengenai pagerank. Mungkin akan saya posting juga kapan update pagerank terbaru. Sekian dulu sob ^^ ...

                  Selesai

                  Cara Mengganti Jenis Huruf (Font) Posting Blog

                  Cara mengganti jenis huruf (font) posting - Setiap orang memiliki pendapat yang berbeda-beda pada suatu objek. Tapi ada kalanya beberapa orang memiliki pendapat yang sama, nah artikel ini juga ada sedikit hubungannya dengan kalimat tersebut. Setiap orang memiliki pendapat yang berbeda-beda pada jenis-jenis font (huruf) pada komputer, tapi pasti sobat memilih font yang paling sobat sukai untuk menulis. Sama seperti menulis di blog, kita juga harus memilih font yang bagus tapi kita juga harus pilih font yang kiranya tidak membuat pengunjung kesal / tidak susah untuk dibaca pengunjung, karena pasti kalau susah dibaca nanti pengunjung itu malas berkunjung ke blog kita lagi. Yuk langsung saja ke cara mengganti jenis font blog ...

                  1. Dasbor > Rancangan / Layout

                  2. Ke Edit HTML

                  3. Cari kode #main-wrapper

                  4. Tambahkan kode dibawah ini diantar karakter #main-wrapper " { " dan " } "

                  font: 14px Verdana;
                  Sehingga contoh hasilnya seperti ini

                  #main-wrapper {
                  width:xxpx;
                  height:xxpx;
                  background:#xxxxxx;
                  font: 14px Verdana}

                  Simpan !

                  Ket :
                  - angka yang berwarna merah silahkan diganti dengan ukuran angka yang tampil di posting
                  - kalimat yang berwarna biru silahkan diganti dengan jenis font (huruf)

                  Tips : Untuk memilih berbagai jenis font, sobat bisa gunakan MS Word, atau program lain bawaan OS.

                  Oke trik tadi merupakan cara mengganti font di postingan, hanya di postingan (sidebar tidak berlaku) jika ingin semua huruf yang ada di blog satu jenis, masukkan kode font tadi di koe body

                  Selesai
                  My Ping in TotalPing.com
                  Feedage Grade D rated
                  Preview on Feedage: web-design Add to My Yahoo! Add to Google! Add to AOL! Add to MSN
                  Subscribe in NewsGator Online Add to Netvibes Subscribe in Pakeflakes Subscribe in Bloglines Add to Alesti RSS Reader
                  Add to Feedage.com Groups Add to Windows Live iPing-it Add to Feedage RSS Alerts Add To Fwicki
                  Ping your blog, website, or RSS feed for Free