Home Template Rss

Home » Posts filed under Tutorial Blog

29.5.12

63

Atasi dasbor baru dan perbaikan script post navigasi

post kang bagas96 2:52 AM

Di template maxwidth dan autowindow yang telah lama saya share mungkin ada yang mengalami eror pada navigasi post di karenakan perubahan pada system blogger karena memang saat ini blogger sedang meningkatkan kinerjanya dari mulai template tata letak menjadi perancang template, kemudian munculnya default mobile sehingga tampilan sederhana via ponsel, meski belum maksimal karena tampilan mobile bawaan blogger belum bisa atau malah tidak bisa di edit seperti tampilan template normal, begitu juga dengan kemunculan threaded comment meski menimbulkan pro dan kontra tapi sepertinya blogger ingin meningkatkan kualitasnya sehingga tidak tertinggal dengan para pesaingnya

Tapi belakangan ini ada kecemasan dari para blogger mobile karena adanya dasbor dengan tampilan baru karena tidak suport dengan beberapa broswer hape, meski kabarnya upgrade di tunda tetap saja masih ada yang kena imbasnya pembaruan dasbor, meski sudah di kembalikan dengan aplikasi Ucweb Broswer karena ini salah satu app yang bisa mengembalikan ke dasbor lama kadang kembali lagi dengan tampilan dasbord baru sehingga ada beberapa blogger mobile yang mengeluh,

Untuk yang satu ini kang bagas96 nyaranin lebih baik akses blog mu via url ini http://www.blogger.com /rearrange? blogID=398619 7517513009648

ganti no blog id dengan blog sobat meski dalam tampilan dasbor baru

Dan untuk navigasi post nya silahkan pakai ini:

untuk background css blog putih

<b:if cond='data:blog.pageType != "item"'><div style='border-top:1px solid #ffffff;'> <script type='text/javascript'> var pageCount=4; var displayPageNum=4; var upPageWord ='Back'; var downPageWord ='Next'; </script> <script src='http://blog.wen.ru/file/js/navwhite.js' type='text/javascript'/></div> </b:if>

untuk background css blog warna hitam

<b:if cond='data:blog.pageType != "item"'><div style='border-top:1px solid #ffffff;'> <script type='text/javascript'> var pageCount=4; var displayPageNum=4; var upPageWord ='Back'; var downPageWord ='Next'; </script> <script src='http://blog.wen.ru/file/js/navblack.js ' type='text/javascript'/></div> </b:if>

untuk pemasangannya letakan sebelum kode </body> Atau pada bagian akhir template yang sudah ada cukup ganti alamat script src yang lama pake yang di atas

Semoga bermanpaat :D di tunggu laporannya gan

Read more »

5.3.12

67

Cara memperbaiki eror pada threaded comment new blog

post kang bagas96 1:01 AM

Threaded komment adalah menu kommentar terbaru dari blog walau memang masih ada yang lebih suka menggunakan persi sebelumnya yang juga sudah mampu menampilkan tombol reply pada kommentar blog :D , meskipun hanya mengutip url dan nama pemberi komentar rasanya memberikan nilai lebih pada komentar dan begitupun dengan threaded komentar terbaru yang bisa di aktipkan lewat pengaturan hanya saja bagi pengguna opera mini berbasis ponsel sangatlah tidak mendukung dengan antarmuka yang baru hingga untuk memasangnya di perlukan cara manual dan saya sendiri sudah menulis tutorial untuk memasang threaded komentar new atau terbaru, :x namun ada sedikit kendala atau eror dimana tombol reply tidak berpungsi meski ada solusi mengakses alamat blog misal www.blog.wapinfo.us/?m=1 dan di bawa ke template mobile bawaan blog saya rasa masih jadi pikiran karena terkadang normal saja masih pada males komentar apa lagi saat eror :D

Namun jangan kawatir semua itu masih bisa di atasi dengan mengedit sedikit kode js pada threaded kommentar karena memang saat langkah pertama hanya merubah tag pemanggil include threaded komment sementara js nya tidak (karena pada saat saya post memang jsnya juga belom rubah :p )

langsung saja ke cara perbaikannya :D

copas dulu scriptnya di bawah ini :

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

<script type='text/javascript'>
    (function() {
      var items = <data:post.commentJso/>;
      var msgs = <data:post.commentMsgs/>;
      var config = <data:post.commentConfig/>;

// <![CDATA[
      var cursor = null;
      if (items && items.length > 0) {
        cursor = parseInt(items[items.length - 1].timestamp) + 1;
      }

var bodyFromEntry = function(entry) {
        if (entry.gd$extendedProperty) {
          for (var k in entry.gd$extendedProperty) {
            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
            }
          }
        }
        return entry.content.$t;
      }

var parse = function(data) {
        cursor = null;
        var comments = [];
        if (data && data.feed && data.feed.entry) {
          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
            var comment = {};
            // comment ID, parsed out of the original id format
            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
            comment.id = id ? id[2] : null;
            comment.body = bodyFromEntry(entry);
            comment.timestamp = Date.parse(entry.published.$t) + '';
            if (entry.author && entry.author.constructor === Array) {
              var auth = entry.author[0];
              if (auth) {
                comment.author = {
                  name: (auth.name ? auth.name.$t : undefined),
                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
                };
              }
            }
            if (entry.link) {
              if (entry.link[2]) {
                comment.link = comment.permalink = entry.link[2].href;
              }
              if (entry.link[3]) {
                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                if (pid && pid[1]) {
                  comment.parentId = pid[1];
                }
              }
            }
            comment.deleteclass = 'item-control blog-admin';
            if (entry.gd$extendedProperty) {
              for (var k in entry.gd$extendedProperty) {
                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
                }
              }
            }
            comments.push(comment);
          }
        }
        return comments;
      };

var paginator = function(callback) {
        if (hasMore()) {
          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
          if (cursor) {
            url += '&published-min=' + new Date(cursor).toISOString();
          }
          window.bloggercomments = function(data) {
            var parsed = parse(data);
            cursor = parsed.length < 50 ? null
                : parseInt(parsed[parsed.length - 1].timestamp) + 1
            callback(parsed);
            window.bloggercomments = null;
          }
          url += '&callback=bloggercomments';
          var script = document.createElement('script');
          script.type = 'text/javascript';
          script.src = url;
          document.getElementsByTagName('head')[0].appendChild(script);
        }
      };
      var hasMore = function() {
        return !!cursor;
      };
      var getMeta = function(key, comment) {
        if ('iswriter' == key) {
          var matches = !!comment.author
              && comment.author.name == config.authorName
              && comment.author.profileUrl == config.authorUrl;
          return matches ? 'true' : '';
        } else if ('deletelink' == key) {
          return config.baseUri + '/delete-comment.g?blogID='
               + config.blogId + '&postID=' + comment.id;
        } else if ('deleteclass' == key) {
          return comment.deleteclass;
        }
        return '';
      };

var replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;

var onReply = function(commentId, domId) {
        if (replybox == null) {
          // lazily cache replybox, and adjust to suit this style:
          replybox = document.getElementById('comment-editor');
          if (replybox != null) {
            replybox.height = '250px';
            replybox.style.display = 'block';
            replyUrlParts = replybox.src.split('#');
          }
        }
        if (replybox && (commentId !== replyParent)) {
          document.getElementById(domId).insertBefore(replybox, null);
          replybox.src = replyUrlParts[0]
              + (commentId ? '&parentID=' + commentId : '')
              + '#' + replyUrlParts[1];
          replyParent = commentId;
        }
      };

var hash = (window.location.hash || '#').substring(1);
      var startThread, targetComment;
      if (/^comment-form_/.test(hash)) {
        startThread = hash.substring('comment-form_'.length);
      } else if (/^c[0-9]+$/.test(hash)) {
        targetComment = hash.substring(1);
      }

// Configure commenting API:
      var configJso = {
        'maxDepth': config.maxThreadDepth
      };
      var provider = {
        'id': config.postId,
        'data': items,
        'loadNext': paginator,
        'hasMore': hasMore,
        'getMeta': getMeta,
        'onReply': onReply,
        'rendered': true,
        'initComment': targetComment,
        'initReplyThread': startThread,
        'config': configJso,
        'messages': msgs
      };

var render = function() {
        if (window.goog && window.goog.comments) {
          var holder = document.getElementById('comment-holder');
          window.goog.comments.render(holder, provider);
        }
      };

// render now, or queue to render when library loads:
      if (window.goog && window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
// ]]>
  </script>
</b:includable>

download zip: threaded comment zip

jika sudah di copas langsung ke cara perbaikan threaded commen blog pertama cari kode ini:

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

Maaf tidak bisa menampilkan keseluruhan kode script karena karakternya ga cukup :D jika sudah ketemu hapus kode di atas dan beserta script yang ada di bawahnya sampai dengan kode berikut

</script> </b:includable>

contoh kode script keseluruhan yang harus di hapus mirip dengan script yang ada di textarea hanya ada beberapa script yang berbeda karena tidak bisa menunjukan keseluruhan script akibat batas karakter ga kuat :D dan selanjutnya gantikan kode script di atas menggunakan script yang ada di textarea dan terakhir tinggal save dan coba upload kembali template yang tadi di edit.
hati-hati dalam pengeditan jangan sampai template jadi eror karena adanya keteledoran yang mau nyoba silahkan di tunggu laporannya :D

Read more »

14.2.12

30

Cara pindah post lama ke blog baru lewat expor import blog

post kang bagas96 5:47 AM

Selamat malam sobat salam jumpa lagi bersama post kang bagas yang kadang tidak nyambung malem ini sangat-sangat menyebalkan masa cape-cape bikin post yang di buat sedetail mungkin malah gagal karena hp nya reset alias modaaar dengan sendirinya heuh yang ada kesel, gemes, emosi, rasanya pengen banget banting ni hape tapi sayang gada buat ganti ahehe

Tapi demi posting di blog.wapinfo.us saya paksain nulis ulang dan mengganti selamat sore jadi selamat malam hah time is monkey jadinya terbuang sia-sia (maaf ya monyet jadi kebawa-bawa he)

untuk artikel yang mau kang bagas bahas yaitu tentang pindah rumah yang gampang (pembaca: ko pindah rumah kang tidak cocok ma judul) ya maksudnya pindah rumah blog ke blog yang baru, post ini berawal dari salah satu pertanyaan "kang saya baru di blog dan ingin memindahkan post blog ke blog yang baru cara backup databesnya gimana kan tidak ada databesnya seperti di johncms"

walah ko jauh-jauh ya dari blog ke johncms *mikir (pembaca: wah itu kan biar lebih jelas dalam pertanyaannya mungkin di kira akang lemot haha)
Gubrakkkk dalem banget kata-katanya padahal saya tidak pernah ngaku lemot ko pada tahu ya *mikir lagi (pembaca: mikir mulu bisa tidak?)
sabar kawan(ha jadi inget kata-kata aa gezot) kalau di blog memang tidak bisa melakukan backup data lewat databes karena memang tidak ada kalau saya rasa apa ada yah takutnya kurang teliti hehe
karena untuk blog tidak perlu menggunakan databes tapi sudah ada kapasitas sendiri eh salah pasilitas maksudnya (kalau ngelawak lewat tulisan kayanya kurang asik masa bisa salah nulis kan bisa di hapus terus di perbaikin yah hehe)
dan itu sudah terdapat pada menu blog jadi tidak perlu ini-itu cukup dengan 2 tahap blog baru ente sudah berisikan posting lama baik post, komentar, arsip, label dan tanggal posting juga tetep sama alias tidak berubah

Ah lupa tadi pertama nulis apa rasanya masih kurang yang tadi agak enak di bacanya tapi yang ini ko engga ya? Tidak apa-apalah soalnya deg-degan juga ni jantung takut nge restart lagi kaya tadi sia-sia lagi deh jadi langsung aja ke tutorial

cara memindahkan post blog ke blog yang lainnya

1. Yang pasti sobat langsung login blogger
2. Masuk stelan 3. Nah di atas ada menu Impor blog - expor blog - hapus blog
biar lebih jelah lihat screnshot

sobat pilih yang export blog dan nanti akan muncul pilihan berikutnya tugas sobat tinggal klik yang unduh atau download agar supaya semua data bisa masuk ke hape atau komputer sobat dan jika sudah terunduh cari file tersebut di tempat tadi sobat save filenya jangan sampe nyari di hape temen soalnya tidak bakal ketemu itu file di jamin deh tidak bohong he pokonya file tersebut ujungnya pormat file .xml yang nantinya sobat upload ke blog baru dah tau belum cara pasangnya gimana? (pembaca: sudah tau kang dari tadi juga tapi biar akang seneng aja ane baca)

Asem hehe tapi ini seperti biasa buat yang newbie atau juga yang bongkotan tapi belum tau #wah bahasa kerennya bongkotan apa ya hehe

1. Yang pasti sobat langsung login blogger yang baru dan mau sobat pasang post dari blog lama
2. Masuk stelan 3. Nah di atas ada menu Impor blog - expor blog - hapus blog

4. sekarang pilih inport
dan nanti akan muncul tempat upload file jadi tinggal pilih file yang tadi sudah di download sama kaya upload template dan masukan security gambar yang tampil, sobat bisa centang 'terbitkan semua entri yang di impor secara otomatis' agar keseluruhan post terpasang
terakhir klik import blog
jika sudah berhasil nanti ada rincian sukses misal jumlah post sekian dan seterusnya lupa lagi lanjutannya
Tapi saya sarankan ini hanya untuk pindahan kalau yang sudah ada postnya kadang hilang atau tergantikan dengan yang file dari blog lama tidak tahu kalau yang 'terbitkan semua entri yang di impor secara otomatis' tidak di centang ngaruh apa tidak soalnya waktu kang bagas nyoba di centang dan semua post dari blog lama nongol semua jadi blog baru tetep rasa yang lama hehe.. Yang mau pindahan monggo di coba di tunggu laporannya gan di komentar

Akhir kata wasalam....

Read more »

12.2.12

24

Blog saya mendapatkan award dari sobat blogging di bulan februari

post kang bagas96 3:18 AM

Salam untuk para neter yang sudah nyasar di catatan blogger ala newbie berhubung ada waktu dan ada yang ngasih bahan posting jadi tidak di lama-lamain langsung saja kang bagas posting dan kali ini perihal award

ya kali ini kang bagas dapet award lagi dari salah satu sobat terbaik saya di dunia lain (blogger kang jangan mikir dunia lain uji nyali heu)

beliau menggunakan nicname

Eksak

bila berkunjung ke blog saya entah ya kalau nama berkunjung ke si doi nya bisa saja lain lagi soalnya yang saya bahas bukan namanya tapi kemampuan dalam bloggingnya hehe...

Selain beliau sibuk mengelola blognya tapi masih saja sempet berkunjung ke blog lain *ini jarang saya dapati di blogger termasuk saya sendiri yang jarang berkunjung ke blog lain (tapi jangan bilang saya sombong yah he) hal ini saya rasa sangatlah positip apalagi para blogger saya rasa tidak memiliki kekompakan seperti blog dan wap lain selain blogspot

kadang ini juga yang bikin malas saya untuk berkreasi di blog karena merasa itu sia-sia saja namun dengan berkat dukungan teman-teman dan salah satunya kang eksak membuat pemikiran saya lain, karena beliau tidak segan-segan untuk mereview blog yang di anggap beliau berkenan di hatinya tentunya dengan gaya penulisan yang penuh banyolan sehingga bagi para pengunjungpun betah dan terhibur dengan adanya post beliau

jika tidak percaya silahkan kunjungi blognya dan tulis commentar di sana pasti kang eksak langsung datang komplit dengan bawa makanan dan minuman hehe

mungkin dengan adanya award atau mereview blog lain bisa jadi ajang pembenahan bagi para blogger agar bisa lebih kompak dan membentuk sebuah keluarga yang rukun dan damai sehingga blogging bisa menjadi hiburan yang bermanpaat di kala kita sedang jenuh sekalian dapet ilmu karena jujur saya mendapatkan pengetahuan dari media cyber jadi ini sudah menjadi kecintaan buat saya ya itung-itung belajar kontes dan coba menghargai kreatipitas blogger lainnya karena dengan adanya suport lebih menyenangkan rasanya saat ngeblog

untuk kang Eksak saya ucapkan terima kasih untuk awardnya saya tidak memandang kegunaan award ini tapi saya lebih ke niat dari akang semoga iklas dan selalu jadi friend
karena untuk mencari 1 sahabat begitu sulit di banding mencari 1000 musuh (ga tau tuh kata-kata bijak punya siapa yang pasti saya pernah denger he) sebenarnya masih banyak kata yang ingin saya ucapkan namun apa mau di kata karakter sudah menjadi pembatas ahehe

Dan untuk sobat-sobat blogging saya yang lain silahkan yang mungkin ingin mengikuti jejak kang

eksak

untuk membagi-bagi kan award sebagai penghargaan dan mereview blog di artikel soba termasuk blog ini dengan senang hati saya akan membalasnya dengan adanya review lewat post kita bisa tahu orang lain menilai kita seperti apa dan saya rasakan enakan lewat post yang membangun ketimbang lewat komentar yang saling menyinggung dan menjelek-jelekan ih ga banget deeeh sekian dan terima kasih.. Yuuu capcus....

Read more »

11.2.12

15

Diskusi tentang cara atau permasalahan memasang threaded koment

post kang bagas96 9:56 PM

Mohon maaf di karenakan post yang membahas tentang Cara mengaktipkan atau memasang new threaded comment pada blog eror sulit berkomentar maka untuk membahas atau menanyakan seputar Cara mengaktipkan atau memasang new threaded comment pada blog untuk berkomentar di sini dan jika yang belum membaca tutornya bisa langsung ke sini

Cara mengaktipkan atau memasang new threaded comment pada blog

terima kasih atas perhatiannya..

Read more »

8

Cara mengaktipkan atau memasang new threaded comment pada blog

post kang bagas96 11:40 AM

Salam jumpa kembali untuk sobat-sobat terbaik kang bagas96 makasih yang masih sudi berkunjung dan kali ini saya akan coba post cara membuat new threaded comment blog, memang ini bukanlah hack seperti reply comment sebelumnya tetapi ini memang gadget terbaru dari blog sementara apa perbedaan new threaded comment dengan threaded comment lama?

Wah untuk perbedaan sangat mencolok banget ketika membalas reply pada threaded lama cuman mengambil nama pada yang ingin kita balas dan hasil reply berada pada urutan yang tidak teratur atau tidak berada di bawah post yang di reply

sementara pada threaded comment baru lebih rapih karena jika kita mereply atau membalas commentar maka hasil balasan berada pada commentar yang kita reply jadi dengan begitu akan lebih mudah di bedakan antara yang comment dan yang membalas komment

adapun kekurangan threaded komentar yaitu pada script nya yang belum open source seperti threaded comment yang lama namun masih bisa menyesuaikan tampilan dengan edit css threaded comment

untuk sobat yang menggunakan komputer mungkin lebih mudah untuk mengaktipkan threaded comment karena tampilan dasbord harus pada antarmuka yang telah di perbarui dan masuk di pengaturan komentar

sementara untuk blogger mobile ada yang sudah otomatis berubah dan ada pula yang belum mendapatkan threaded comment, namun jangan kawatir kali ini kang bagas share cara aktipin threaded comment meski dasbrord blog masih menggunakan antarmuka lawas tidak ada masalah

langsung ke caranya langkah pertama beckup dulu template agar waktu ada kerusakan waktu edit template masih ada cadangan

1. Langkah pertama cari kode ini

<b:include data='post' name='post'/> <b:if cond='data:blog.pageType == "static_page"'> <b:include data='post' name='comments'/> </b:if> <b:if cond='data:blog.pageType == "item"'> <b:include data='post' name='comments'/> </b:if>

dari sebagian template yang kang bagas koleksi memiliki kesamaan jadi pastikan sobat tidak salah mengeditnya karena jika tidak teliti banyak kode yang hampir sama namun tetap ada perbedaan dan gunanya, usahakan menggunakan aplikasi pengedit yang suport find tex, atau pencarian tex dengan begitu akan lebih mudah dan tepat dalam pencarian, jika kode di atas ketemu hapus kode di atas dan ganti dengan kode di bawah ini:

<b:include data='post' name='post'/> <b:if cond='data:blog.pageType == "static_page"'> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:if> <b:if cond='data:blog.pageType == "item"'> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='commggents'/> </b:if> </b:if>

pehatikan dengan telaten dan sabar jangan sampai ada kode yang kurang atau kelebihan karena nantinya bisa menyebabkan template eror

nah yang terakhir tinggal pasang css threaded comment nya
cari kode ini <b:includable id='threaded_comment_css'> <style> letak css di sini dan hapus semua </style> </b:includable>

jika sudah di hapus semua ganti dengan css yang ada di textarea

kalau gada kode seperti di atas berarti tinggal letakan cssnya pada css blog pokonya sebelum kode

</b:skin>

.comments {clear: both;
margin:0;} 
.comments .comments-content {font-size:13px; margin-bottom:8px; }

/*memberi epek pada  komentar utama misal nama tanggal isi comentar dan balas atau hapus*/ 
.comments .comment-block
{background: #fafafa;
position: relative;
padding: 1px 4px 15px 4px;
margin-left: 35px; border:1px solid #ccc; }  
/*kotak komentar balasan*/

.comments .comments-content .comment-replies {margin-top:8px; margin-left:5px;} .comments .comments-content .comment {margin-top:4px; margin-bottom:6px;
padding:0;} 
.comments .comments-content .comment:first-child {padding:0; margin:0; } 
.comments . comments-content .comment:last-child {padding:0; margin:0; }

/* nama yang ber komentar*/ .comments .comments-content .user { font-style:normal; font-weight:bold; } 
.comments .comments-content-foot{ display:block}

/*css untuk balas dan hapus*/ .comments .comment .comment-actions a{margin-right:6px; background:#eaeaea; padding:2px 2px 2px 2px;} 
.comments .comments-content .comment-thread ol {list-style-type: none; padding:0; text-align:
left;} 
.comments .comments-content .inline-thread {padding:0;
margin:0; } 
.comments .comments-content .comment-thread {margin:0; padding:0; } 
.comments .comments-content .comment-thread:empty
{display: none; }

/*memberi epek pada header yaitu nama jam dan tanggal komentar*/ 
.comments .comments-content .comment-header
{margin:0;
padding:0;}
 
/* css tanggal dan jam*/ .comments .comments-content .datetime {margin-left:2px; }

/* husus gambar yang punya blog*/

.comments .comments-content .icon.blog-author { background: url(http://bagas96.jw.lt/images/logo/avatar.png) no-repeat; width: 12px; height:16px; display: inline-block;padding:1px 2px 1px 2px; float:right;}

/*bagian text pada komentar*/ 
.comments .comments-content .comment-content
{border-top:1px dotted #b8b8b8;text-align:justify;
}

.comments .comments-content .owner-actions { border:1px solid
#ccc; } 
.comments .comments-replybox
{ height:250px; max-width: 100%;}

/* atur css untuk komentar awal jika di balas post balasan ada di di dalam sini */ 
.comments .comment-replybox-single { padding:0; margin-top: 5px; margin-left:35px; }

/* kolom komentar balasan normalnya ukuran padding agak menjorok ke dalam berbeda dengan post utama*/ .comments .comment-replybox-thread { margin-top:5px; backgroud:#fafafa;}

/* memberi epek yang berada di dibawah kolom komentar tidak begitu pengaruh */ 
.comments .comments-content .loadmore a { background:#fff; display: block; padding: 6px 10px; text-align: center; color:#000;}

/* memberi epek pada bagian tulisan balasan*/ 
.comments .thread-toggle {cursor: pointer; padding:2px; margin-bottom:4px;
margin-left:24px;
display:block; } .comments .continue { cursor: pointer; }

/* memberi epek pada balas dan poskan komentar*/
 .comments .continue a { text-align:right; margin-bottom:10px;
background:#fafafa; border:1px solid#ccc;
display:block;} 
.comments .comments-content .loadmore { cursor: pointer; max-height: 3em; margin-top:12px; } 
.comments
.comments-content .loadmore.loaded {height: 0px; opacity:0; overflow:
hidden; }

/*original css blog*/
.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,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent; } 
.comments .thread-collapsed .thread-arrow { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==") no- repeat scroll 0 0 transparent; }

/* ukuran untuk background avatar */ .comments .avatar-image-container { float:left; width: 32px; height: 42px; overflow: hidden; border:1px solid #eee; } 
/*ukuran gambar avatar*/ .comments .avatar-image-container img { width:32px;
height:42px; }

jika sudah beres tinggal save perubahan dan bisa coba di upload silahkan sobat coba jika berminat dan laporkan jika ada masalah sehingga saya bisa memperbaikinya karena kadang ada kode parse yang kurang sempurna terimakasih

Dikarenakan ada masalah di page ini sulit berkomentar silahkan post komentar sobat di

Diskusi tentang cara atau permasalahan memasang threaded koment

makasih

Read more »

10.2.12

33

Cara melihat kommentar blog via comment rss feed blogger

post kang bagas96 8:34 PM

Selamat siang sobat langsung saja nih kang bagas post cara melihat komentar via feeds yah memang tutorial blog ini bukan yang baru apa lagi di post tahun 2012 ketinggalan banget kan? Tapi tidak apa-apa itung-itung nambah arsip dan ini juga merupakan post paling mudah di mobile blog berhubung hemat tulisan hemat pula cara kerja otak soalnya kalau post yang sedikit master kayanya otak juga tidak kuat he jadi sesuai kemampuan saja kalau tutorial blog yang sulit rasanya sudah banyak ahli-ahlinya jadi kang bagas ngambil yang sepele tapi bermanpaat anggap saja tutorial dasar ngeblog hehe comment rss feed juga bermanpaat bagi sobat yang tidak terlalu suka masang recent comment blog karena kebanyakan widget cara ini juga bisa di pakai selain mengirim komentar ke email apalagi jika sobat jarang buka email percuma juga ya hehe oke langsung saja ke caranya sangat simple dan mudah dalam memasang atau hanya akses url saja pertama sobat bisa langsung akses melalui url feed yaitu

http://blog.wapinfo.us /feeds/comments/default

dan ganti yang berwarna merah pake alamat blog sobat Untuk yang ke dua bisa di pasang di navigasi atau di sidebar menggunakan script di bawah ini

<a expr:href=' data:blog.homepageUrl + "feeds/comments/default"' rel='nofollow' target='_blank' title='comment RSS'>RSS</a>

ketika di klik pratayang commentar akan mucul sebagai feed dan bisa langsung klik bila ingin melihat kommentar dengan begitu sobat masih bisa melihat komentar meski tidak memasang recent comment di blog screnshot:

semoga bermanpaat sob...

Read more »

22.1.12

37

Cara mengatasi blog baru eror pada waktu ganti template

post kang bagas96 5:25 AM

Asalamualaikum para sobat yang sudah sudi menyempatkan berkunjung ke blog acak-acakan ini untuk artikel kang bagas malam ini mereview tutorial dasar memasang atau mengganti template blog baik menggunakan template mobile atau template pribadi sobat dan kenapa kang bagas baru menulis artikel ini? Ya setelah blog melakukan upgrade baik sistem atau gadget-gadget yang lebih mutakhir sehingga blog blogspot menjadi domain dan hosting yang gratis namun tetap maximal dalam pengembangan sitstemnya dari mulai google + (plus) yang di tampbahkan dengan komentar reply yang bisa langsung seperti pada wordpres hanya saja pada saat ini masih dalam tahap (masih ada yang otomatis berubah sendiri ada pula yang mesti merubah profil ke google + ) sementara untuk kang bagas masih suka menggunakan yang classik tapi kalau google merubah ya iklas-iklas aja hehe sedangkan apa hubungannya dengan artikel kali ini? Jadi gini untuk blog yang baru mendaptar atau baru di buat ada sedikit masalah (itu menurut kang bagas tidak tahu dari pihak google eror atau memang di sengaja) dan masalahnya itu pada waktu mengedit html atau unggah template baru pada waktu masuk menu edit html tidak bisa atau langsung di alihkan ke perancang template (picture template yang di kembangkan setelah template tata letak) untuk saat ini kang bagas tidak akan menjelaskan apa perbedaan perancang template dan tata letak template karena keterbatasan waktu (read: hehe padahal lagi sedikit males nulis panjang-panjang he) jadi langsung ke cara mengatasi eror atau terjadi kesalahan pada waktu masuk menu edit html sedikit mengulas: anggap saja sobat sudah mendaptar dan mulai untuk blogging biasanya kan tahap pertama pilih domain -> pilih template untuk ini sobat bisa memilih template atau lewati saja tidak masalah jika blog sobat sudah berhasil di buat tinggal ikuti langkah ini (kalau yang mau kalau tidak juga tidak apa-apa) langkah-langkah 1. Jika menggunakan opmin harap untuk tidak mencentang atau menggunakan mobile view atau tampilan hape karena pada saat masuk ke perancang template tampilan template atau menu edit yang di sediakan tidak akan muncul yang muncul hanya pratayang template yang di gunakan.. 2. Jika sudah masuk ke blogger untuk login blog jika sudah masuk ke Rancangan /tata letak jika menggunakan template lama selanutnya jangan masuk ke EDIT HTML dulu tapi masuk ke PERANCANG TEMPLATE atau langsung pake url ini http://www.blogger.com /template- editor.g?blogID= isi pake blog id sobat 3. jika sudah masuk akan mucul seperti tampilan di bawah ini

kemudian pilih salah satu template yang di sediakan bebas yang mana saja jika sudah mengklik untuk memilih pilih terapkan ke blog yang ada di sebelah kanan atas ... 4. Jika sudah maka sekarang kembali ke dasbor blog masuk ke RANCANGAN dan bisa langsung masuk ke EDIT HTML untuk mengunggah template baru yang sudah sobat siapkan atau masuk langsung ke sini http://www.blogger.com/ html?blogID= isi dengan id blog sobat misal http://www.blogger.com/ html?blogID=18245428424842 selanjutnya tinggal upload template dan moga yang ada masalah pada saat masuk menu edit html bisa normal dengan cara ini (tutorial ini hanya untuk blog baru) hatur nuhun

Read more »

20.1.12

36

Cara memasang facebook like pada post blogspot otomatis

post kang bagas96 5:24 AM

20 januari 2012 wah tidak terasa sudah hampir berlalu bulan pertama di tahun 2012 rasanya sangatlah cepat waktu berlalu (read: apa saya yang lelet yak ahehe) sampe-sampe eh salah ejaan kayaknya sampai-sampai kang bagas belum pernah menerbitkan 1 postingpun di blog dot wapinfo dot us pada bulan januari (read: padahal sudah jadi kebiasaan post sebulan sekali) saking lamanya tidak update banyak sohib-sohib juga yang menanyakan perihal tersebut, dan penjelasan saya sama maleeeeeeeeesss (tanya: wah ko bisa males kang?) jawabannya karena pertengahan januari kang bagas sudah tidak menikmati internet gratis lagi jadi rada-rada itung-itungan antara broswing di internet sama broswing di real buat nyari napkah tentunya hehehe.. Kembali ke paketpun rasanya tidak berkecukupan semua serba tersendat (read: maklum blogger tidak punya modal ngandelin gratisan ahehe) jadi buat sobat yang mungkin punya gratisan internet tsel 20 januari 2012 via operamini agar di share supaya kang bagas bisa bernapas dengan lega lagi hehe... (read: heum itung-itung setor kata kunci buat mbah google ahehe dan yang masuk nanya mbah google pasti kesel kecewa marah karena tidak mendapatkan info yang di cari malah artikel sampah ini hehe) Eh ko yang di judul cara menampilkan facebook like ko malah ngomongin internet gratis hehe kayaknya tidak nyambung banget dengan judul artikel hehe ya sudah sekarang ke pokok pembahasan menampilkan button like facebook pada posting blog, seperti biasanya kang bagas hanya memberi info secara garis besarnya saja (read: biasa tidak pandai merangkai kata gan hehehe) langkah pertama siapkan secangkir kopi+ roko dan roti bakar kalau ada (ini untuk bloggerboy) kalau untuk bloggergirl cukup siapkan kompresan saja karena biasanya kalau membahas script jawabannya Pusing lihatnya hehe tapi tenang saja yang ini sangat sederhana saja tadi cuman lebai saja soalnya kang bagas benar-benar pengen iseng hehe sedikit penjelasan tentang pungsi facebook like yang akan kang bagas share yaitu Memasang facebook like di posting blog yang nantinya dapat menjadi tolok ukur bagi blogger untuk mengetahui respon pengunjung selain dari comment (itutuh tiap di klick ada jumlah angkanya kalau gada yang klick ya klik sendiri aja he). Selain itu memasang ataumembuat tombol facebook like secara otomatis juga akan mengirim url yang disukai pengunjung ke dinding facebook nya. Ini juga menjadi keuntungan tersendiri, karena publikasi artikel posting dapat menjangkau area yang lebih luas. Hack widget ini akan memunculkan Facebook Like Button di setiap posting Blog Blogger sobat . Ada beberapa jenis Facebook like button dan juga pungsinya. Di antaranya ketika mengklick (read: aduh tidak enak banget kalimatnya tapi ini yang paking pas he) lanutan ketika mengklik pada saat membuka posting maka pada saat membuka posting lain tampilan facebook like masih sama jumlahnya alias 1 klik untuk semua artikel dan hasil pada dinding facebookpun contoh bagas sembilan enam menyukai www.blog.wapinfo.us rasanya kurang sempurna karena kita tidak tahu post yang mana yang paling di sukai tapi tenang aja itu hanya berlaku untuk button like standar yang di sediakan facebook kali ini kang bagas akan share fb like yang sudah di sesuaikan untuk blogger jadi tiap di klik jumlah di tiap postnya akan berbeda begitupn hasil share ke dinding akan menampilkan uraian judul post dan ketika di kunjungi langsung mengarah ke link post blog.. Untuk kodenya silahkan copy yang ini menampilkan fb like layout standar/ tampilan penuh dengan menampilkan nama-nama yang melike post:

<b:if cond='data:blog.pageType == "item"'> <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=standard& show_faces=false&width=90& action=like&font=arial& colorscheme=light&height=25"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:145px; height:55px;'/> </b:if>

Copy paste script yang ini menampilkan fb like layout button count/ tampilan hanya button like + jumlah klik saja:

<b:if cond='data:blog.pageType == "item"'> <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=button_count& show_faces=false&width=90& action=like&font=arial& colorscheme=light&height=25"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:145px; height:55px;'/> </b:if>

Copy paste script dan untuk meletakan kodenya sobat bisa memasang di bawah kode <data:post.body/> dan selanjutnya save template dan silahkan untuk mencoba tutorial di atas jika ada galat atau parse kode yang salah saat upload template tuliskan komentar agar saya cepat-cepat memperbaikinya terimakasih

Read more »

30.12.11

36

Cara Memulihkan berbagi tautan blog yang di block facebook

post kang bagas96 3:46 AM

Blogger: arsip - I am blocked from adding content Met sore mungkin itu kata-kata pembuka jika menulis waktu sore iah hehe... Ya walaupun yang baca malem-malem atau pagi-pagi ya gada masalah hehe arsip kang bagas kali ini sedikit info tentang cara memulihkan blog /wapsite yang di block waktu berbagi tautan di karenakan di anggap mengandung kata-kata kasar bla bla bla (awas itu titik-titik memenggal kata yang belum selesai maksudnya bukan bala bala [bakwan] hehe) enak memang kalau suasana dingin ujan-ujan makan bakwan dan kopi tambah lagi roko wah enak banget bisa menghangatkan suasana ni juga nulis sambil nunggu tukang bajigur belum lewat-lewat hehe (weh malah ngelantur he) back to topic: mengatasi pemberitahuan I am blocked from adding content waktu share artikel blog lewat button share atau langsung menggunakan pasilitas berbagi tautan di pacebook.. Caranya sangatlah mudah ( tapi sebenernya susah biar di anggap ahli ahehehe [huh payah] ) langkah pertama masuk ke alamat ini Klik di sini biar nongol nah kalau udah nongol akan ada tampilana seperti di screnshot di bawah ini:

Udah nongol belum gambarnya? Kalau belum berarti saya lum upload gambarnya masih males, kalau dah nongol berarti waktu sobat baca artikel kang bagas lagi tidak males-malesan hehehe Nanti ada beberapa kolom yang harus di isi pada bagian bawah pemberitahuan kenapa conten sobat di block kolom pertama 1) apa yang anda coba kirimkan? Waktu itu kurang lebih kang bagas isi begini Saya mencoba berbagi tautan dari blog ke facebook kolom kedua 2) url isikan dengan url blog sobat yang di block kolom ketiga 3) jelaskan mengapa menurut anda ini keliru nah waktu itu saya isi: Saya hanya coba membagikan artikel yang saya tulis di blog ke facebook biasanya tidak ada kendala karena blog saya tanpa mengandung kata-kata k*s*r / saya tidak sengaja menulis kata kunci sp*m dan sudah saya perbaiki jadi saya rasa tidak perlu di block terima kasih langkah terakhir masukan kode pemeriksaan keamanan berupa gambar dan kirim selesai sudah tinggal menunggu beberapa waktu di atas ada yang di sensor hurup a menjadi * karena takutnya mesin block fb salah paham hehe... Dan sebelum melakukan cara di atas sebaiknya hapus dulu jika dalam blog sobat ada kata-kata yang k*s*r baik itu di post meski tujuannya bagus karena namanya mesin tidak bisa menimbang-nimbang atau juga pada komentar karena jika sudah berhasil di pulihkan jika kata-kata tersebut belum di hapus maka akan di block kembali, karena sempat juga kang bagas di block dan sampai-sampai pengen pindah rumah tapi alhamdulilah sampai saya menulis artikel ini baik-baik saja tidak tau nanti moga sobat yang mengalami kendala seperti di atas bisa di atasi makasih untuk waktunya menyempatkan baca tulisan sederhana ini...

Read more »

28.12.11

37

Cara menampilkan tanda tangan atau tulisan otomatis pada tiap posting

post kang bagas96 3:27 AM

Artikel kali ini cukup sederhana dan mungkin ini posting yang telat penerbitannya hehehe tapi tidak apa-apalah ini hanya sekedar menambah arsip pada Blogger: Blog Kang Bagas96 - Setelan Pemformatan template entri Sesuai judul kang bagas akan membahas cara menampilkan tulisan otomatis pada tiap post tanpa edit template mobile jadi sangat sederhana misal menampilkan kode caps / code memperbesar hurup tanpa perlu menulis lagi pada saat menulis posting atau sekedar menampilkan tulisan kata-kata penutup posting yang sama (biar punya ciri has sendiri gitu deh hehe) biasanya menu ini di gunakan untuk menyimpan script readmore manual yang sekarang mungkin sudah jarang di gunakan langsung saja ke caranya 1). login blog 2). Masuk ke stelan 3). Masuk ke pormat 4). Pada menu paling bawah ada pilihan Template entri Dan pada sebelah kanan menu template entri ada kolom nah pada kotak itulah sobat menyisipkan tulisan script /gambar yang ingin di tampilkan pada saat membuat entri baru langkah terakhir save/ simpan stelan Untuk para master mohon maap buang-buang waktunya baca post ini tapi untuk newbie semoga bisa mengurangi kerutan di dahi dan bermanpaat hehe

Read more »

22.11.11

27

Menghilangkan reload pada waktu menulis entri baru

post kang bagas96 9:45 AM

Artikel ini berawal dari perbincangan dengan salah satu sobat blog lewat pesan facebook dan sedikit membahas tentang bagaimana cara agar waktu menulis entri tidak reload / mengulang sebuah halaman Untuk pengguna operamini memang ada reload pada saat menulis entri baru meski sudah melakukan pengaturan opmin lewat about:config dan kang bagas juga merasakan hal yang sama Namun ada sedikit tips dari blog kang bagas96 untuk mengurangi reload yang berlebihan karena menurut obrolan singkat bahwa proses reload saat menulis judul, bagian entri dan pengsian label jadi pada tiap menulis judul melakukan reload dan pada saat menulis bagian enti reload kembali sungguh-sungguh merepotkan memang... Dan untuk menguranginya kita cukup login blog dasbord dan masuk ke SETELAN / PENGATURAN jika sudah masuk cari bagian ini Pilih editor entri jika sudah ketemu lihat di sebelah kanannya ada pilihan seperti ini 1. Editor yang di mutahirkan (disarankan) - periksa.... 2. Editor lama 3. Sembunyikan mode...... Dan pilih yang ke 2 editor lama setelah itu simpan pengaturan dengan menggunakan editor lama proses reload hanya pada waktu menulis judul saja dan tampilan juga lebih simple sehingga tidak membuat ram hape cepat penuh sehingga menulis artikel pun lebih maximal kalaupun menggunakan editor paling baru menu-menunya tidak berpungsi pada beberapa ponsel Jadi untuk sobat yang punya keluhan seperti di atas bisa mencobanya... Dan semoga bermanpaat :D

Read more »

15.11.11

22

Cara memasang permalink post suport copast

post kang bagas96 7:51 PM

Posting kali ini akan membahas tentang cara membuat permalink textarea atau menampilkan url posting yang muncul di tiap posting dan bisa di copas untuk caranya cukup sderhana saja pasangkan kode ini <font color='#000'>Save url to wapmaster</font><br /><textarea> <a expr:href='data:post.url'> <data:post.title/> </a> </textarea> jika eror pake ini untuk letaknya bisa sobat sesuaikan dengan keinginan sobat misal setelah kode <data:post.body/> jika menggunakan readmore biasanya ada dua dan letakan di kode <data:post.body/> paling bawah jika yang memasang posting berkaitan bisa di letakan di atasnya selamat mencoba

Read more »

27.8.11

80

Cara Membuat Url Lebih Mudah di Ingat

post kang bagas96 10:33 AM

Url yang simple dan mudah di ingat juga mungkin bisa membuat visitor berkunjung kembali,Meski bisa di bookmark tapi jika link url nya mudah di ingat dan enak di bacabisa membuat pengunjung sedikitnya mampu mengingat link url ke posting artikel kita.

Dan ada sedikit tips yang mungkin bisa membantu agar url link blog kita tidak terlalu panjang contoh ketika kita membuat artikel dan pada judul menuliskan koleksi bombus terbaru maka kurang lebihnya link url artikel kita adalah: http://www.bagas96.blogspot.com/2010/ 07/koleksi-bombusmod-terbaru.html

dan kita bisa membuat sederhana url agar mudah di ingat dan bagus, yaitu dengan cara menulis pada judul sesuai url yang kita inginkan contoh url: http://www.bagas96.blogspot.com/ 2010/07/bombusmod.html Maka cukup kita tulis judul pada artikel bombusmod

jika sudah selesai membuat artikel tinggal ke terbitkan entri dan url yang akan tersimpan adalah http://www.bagas96.blogspot.comt/ 2010/07/bombusmod.html

jika kamu ingin mengganti judul posting dari bombusmod ke judul koleksi bombusmod terbaru
tinggal kamu edit judul artikel dan ganti sesuai kemauan anda karena alamat url tersimpan saat pertama membuat artikel, jadi jika kamu edit judul artikel link url ke posting blog takan berubah......

Last post: 10/07/26
edited : 11/08/27

Read more »

16.8.11

34

Memasang buka tutup pratayang smiley kommentar

post kang bagas96 4:04 AM

Met sore kawan-kawan gimana kabarnya sore ini mudah-mudahan pada sehat walapiat ea amiinn..
Dan gimana puasanya mudah-mudahan pada lancar aja dan gak kerasa udah 16 hari kita menjalankan puasa :D..

Sambil ngabuburit kang bagas96 mau membagi tips memasang pratayang smiley comentar pada blog tampilan hape terutama bagi sobat yang sudah menggunakan template mobile blog..

Dan kali ini saya memberi info tentang memasang contoh smiley yang bisa di show dan hide / di tampilkan dan di sembunyikan caranya sederhana saja karena pada template mobile sudah di pasang js smiley commentar jadi hanya tinggal memasang kode contoh smileynya karena sebelumnya tidak kang bagas96 tampilkan karena sedikit berat dan membuat lama loading ketika membuka artikel

dan langsung saja ke caranya
seperti biasa edit template dan cari kode berikut

<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>

jika sudah ketemu letakan javascript ini di bawahnya
<script language="JavaScript" src="http://hell.yn.lt/js/blog/smiley.txt"></script>

contoh:

<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>

<script language="JavaScript" src="http://hell.yn.lt/js/blog/smiley.txt"></script>

dan langkah terakhir tinggal save untuk contoh kurang lebih seperti ini

copy paste javascript:

bagi yang berminat silahkan di coba laporkan jika ada kesalahan/script tidak bekerja :D

Read more »

26.7.11

31

Cara melihat tampilan penuh template mobile via opmin

post kang bagas96 9:19 PM

Berbagi pengalaman lagi nih buat kawan-kawan blog mobile karena sebuah pertanyaan datang dari seorang kawan tapi mohon maaf mungkin telat reply karena biasalah kang bagas tidak punya jadwal tetap updat artikel hehe.... Dan ini jawaban untuk pertanyaan sobat 'Bagaimana akang membuat template autowindow menggunakan hp sedangkan untuk melihat tampilan pc nya gimana?' Wah pasti sobat juga berpikir bagaimana bisa menyesuaikan tampilan full hanya menggunakan hp mungkin pemikiran sobat merasa tidak mungkin/ kang bagas hanya melebih-lebihkan .. Okedeh sebenarnya selama ini saya menggunakan javascript fram untuk mendapatkan tampilan full (meski tidak 100% menyerupai pc tetapi setidaknya kita mendapatkan gambaran tentang penyesuaian lebar template pada resolusi layar monitor lebih lebar)dan pasti sobat juga sudah mengenal javascript ini langsung saja copy script di bawah ini javascript:finderonly= location.href;opmin= prompt('silahkan masukan alamat wap/blog anda', finderonly);browser=prompt ('apa anda tetap ingin melanjutkan? klik ok untuk melajutkan',opmin);if (opmin& &browser) {F1nd='<frameset%20cols= \'*,*\'><frame%20src=\ ''+opmin+'\'/>';F1nd+='' ;F1nd+='</ frameset>';with(document) {write(F1nd);void(close())}} else{void(null) } copy code html Dan cara menggunakannya masuk ke blog yang mau sobat lihat dalam halaman lebar (kususnya untuk template mobile blog) kemudian masukan script di atas di adres bar/ yang biasanya untuk menulis url yang mau kita kunjungi Nantinya akan muncul alert dan isi urlnya dengan url yang mau sobat kunjungi dan tekan ok maka nantinya akan muncul tampilan blog dalam tampilan lebar (fuul sesuai ukuran blog) Namun dengan menggunakan script ini belum sempurna untuk melihat blog dalam tampilan penuh via opmin Langkah ke2 masukan kata 'about:config' ini pada adres bar (bukan adres google search) tanpa tanda kutip / about:config setelah muncul halaman pengaturan cari menu ini 'fit text to screen' jika pada kolom di sampingnya pada posisi yes maka ubah menjadi no Sementara untuk apa guna pengaturan ini? Karena text pada layar ponsel menyesuaikan dengan ukuran layar jadi meski menggunakan javascript di ataspun kurang sempurna karena text post tidak memenuhi bagian main post blog sehingga kurang mirip dengan tampilan pc pada umumnya yang tulisannya menyesuaikan lebar main post.... Jika sudah di setting seperti di atas maka nantinya text tidak lagi menyesuaikan dengan layar ponsel jadi bisa mengukur pas pada saat di buka via ponsel dan pas juga saat di buka via pc jika ingin mengembalikan tinggal atur kembali menjadi yes setelah pengaturan opmin di lakukan ulangi kembali cara pertama dengan mengcopy javascript di atas dan meletakannya di adres bar atau melakukan repres :) Semoga tips ini bisa bermanpaat..

Read more »

16

Cara mengatur template berada pada posisi tengah

post kang bagas96 8:04 PM

Posting kali ini coba menuliskan tentang cara mengatur letak template agar berada di tengah, berhubung ada sobat yang bertanya karena memang pada beberapa template mobile blog yang saya edit posisinya tidak semua di tengah,

Sebenarnya caranya sangat sederhana hanya menambahkan beberapa kode pada css template agar posisi template ada di bagian tengah kususnya saat blog di akses menggunakan komputer maka terlihat posisi template ada di posisi mana,

Langsung saja ke cara merubah css template agar berada pada bagian tengah ..
Langkah pertama edit template dan cari kode berikut pada bagian css

Body {

jika sudah ketemu tambahkan ini :

margin: 0 auto 0;

Contoh untuk membuat template Orange mobile blog berada pada posisi tengah

body {
max-width:650px;
color : #7a7a7a;
font-size : 12px;
font-family : tahoma;
background-color : #fff;
margin : 0 auto 0;}

Jika sudah selesai pengeditan tinggal save dan upload kembali (jika edit template secara offline) maka tinggal lihat hasilnya apakah keseluruhan template sobat letaknya berada di tengah..

:) Silahkan untuk mencoba bagi yang membutuhkan tutor ini

Read more »

27.6.11

13

Cara menambah menu atau gadget di blog

post kang bagas96 9:52 PM

Pagi ini cukup cerah di temani mentari yang setia memberi kehangatan heumm tidak ada alasan untuk tidak mengerjakan aktipitas pagi ini

Terlihat Daun-daun melambai-lambai dengan riang seolah mengajak bercanda di pagi ini, gelitik angin masih tersisa membuat enggan beranjak dari tempat terlelap....

Raungan mesin berjalan kian lantang dengan kakinya yang berputar seolah memberi arah, keras memang kehidupan yang tidak mudah untuk begitu saja di lalui, usaha, upaya adalah langkah yang mungkin tidak bisa di tinggal karena harapan masih membutuhkannya untuk menjadi sebuah tekad yang kuat..

Eummm hayoh pagi ini sobat-sobat blogger masih punya tekad yang kuat tidak :D .. Mudah-mudahan masih memiliki semangat untuk tetap menikmati hari ini tanpa membuang waktu dengan percuma sehingga hari esok bisa kita nikmati kembali .. Huh :@ selamat beraktipitas saja kawan-kawan

Pagi ini kang bagas96 coba untuk memberi sedikit info bagi blogger pemula (maaf kata-katanya mungkin mengandung kategori) karena ada beberapa pertanyaan yang sering saya dapatkan yaitu cara memasang menu tambahan / gadget pada blog (read: maaf untuk para master anggap saja nostalgia pada waktu jadi nembie karena mungkin info ini sangat mudah sobat lakukan :p ),

Sebelumnya memang belum ada artikel ini karena saya menganggap khal yang tidak perlu saya tulis dengan pemikiran semua bisa melakukannya
tapi ternyata masih ada beberapa kawan yang belum tahu caranya karena memang benar-benar baru di blog,
oke saya acungkan jempol untuk kawan-kawan yang langsung bertanya tanpa perlu menyamarkan id atau menjadi anonim untuk mendapatkan sebuah jawaban karena untuk master belum tentu mau melakukan khal itu :D (hayo ngerasa ngga masta) hehe

Oke deh langsung ke caranya saja
1. Yang pasti login blog
2. Masuk Rancangan /tata letak
3. Klik tambah gadet (klik dimana gadget mau di pasang)
setelah itu akan muncul halaman dan cari gadget tambah html/java script
4. Nanti akan muncul halaman, pertama untuk isi judul dan kolom di bawahnya untuk menyimpan text, javascript, dan html lainnya jika sudah paham tinggal pasang scrip di bawah ini agar dapat epek dari css (tiap template akan berbeda tampilannya sesuai kode css pada template dan untuk mobile template telah suport script ini)

silahkan paste / pasang script ini pada kolom

<ul><li><a href="http://link url1"> Link 1</a></li>
<li><a href="http://link url2"> Link 2</a></li>
<li><a href="http://link url3"> Link 3</a></li>
<li><a href="http://link url4"> Link 4</a></li>
<li><a href="http://link url1"> Link 5</a></li></ul>

copy paste script

dan terakhir simpan
dan tinggal lihat hasilnya
semoga bermanpaat

Read more »

21.6.11

40

Cara Meulis Scrip Html Pada Artikel

post kang bagas96 11:26 AM

Sedikit Info untuk sahabat yang belum mengetahui bagaimana cara menulis script html pada posting artikel blog ato wapsite, kurang lengkap memang rasanya jika kita tak memberikan contoh pada tiap tutorial yang kita jelaskan contohnya saja wapmaster / webmaster dalam menjelaskan javascript ato script html kurang lengkap tanpa menuliskan langsung kede html ato javascript mungkin kadang di tulis pada kolom textarea yang bisa di copas namun itu juga kurang episien karna ketika menjelaskan script bagian mana yang harus di edit..Makanya ada cara untuk menuliskan script pada posting yaitu dengan mengganti sebagian kode scrip dngan simbol namun itu juga saya rasa memakan waktu lama,
Saya sarankan untuk sahabat langsung saja masuk ke alamat
http://centricle.com/tools/html-entities
Karna di alamat tersebut sudah menyediakan kotak untuk mesukan kode html agar bisa di tulis pada artikel blog,
Jika sudah masuk ke alamat tersebut maka akan menemukan kotak masukan kode html yang mau di ubah dalam bentuk symbol kemudian klik encode pada bagian bawah kolom maka nantinya script akan berubah sehingga bisa di tampilkan pada posting

Dan di bawah adalah contoh pengetikan script yang sudah di ubah

CARA MEMBUAT LINK DOWNLOAD ADALAH DENGAN MEMASUKAN ALAMAT URL PADA SCKRIPT CONTOHNYA

<a href="http://masukan alamat link">Aplikasi Editor</a>

Di atas terlihatkan script yang di jadikan contoh, namun hasil penulisan tanpa di ubah terlebih dahulu akan muncul seperti ini

CARA MEMBUAT LINK DOWNLOAD ADALAH DENGAN MEMASUKAN ALAMAT URL PADA SCKRIPT CONTOHNYA

Aplikasi Editor

Ups taada tex contoh kan malah langsung menunjukan link download saja...

Dan satu lagi pada alamat
http://centricle.com/tools/html-entities
Ada 2 pungsi yaitu decode dan encode, encode untuk merubah script asli menjadi simbol dan decode sebaliknya untuk merubah tex yang sudah menjadi simbol menjadi script aslinya.....

Original posting: 26/07/2010

Read more »

17.6.11

41

Cara memasang fb like pada artikel blog

post kang bagas96 8:22 AM

Malam kawan gimana susasana malam ini, semoga tidak pernah bosan untuk berkunjung ke blog kang bagas96 yang sederhana ini

Beberapa hari yang lalu ada sobat yang bertanya cara memasang fb like,
memang di template autowindow tidak memakai fb like di karenan salinan template yang saya gunakan, dan alasannya karena blog kang bagas96 sudah di baned sehingga tidak bisa memasang fb like dan button share fb hehe pokonya aya aya wae lah :D ,

Tanpa basa-basi langsung saja saya kasih contoh 2 script fb like untuk sobat yang memerlukan dan bisa juga langsung kunjungi penyedianya langsung DI SINI

1. <iframe allowTransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fbagas96.blogspot.com &layout= like&show_faces=true &width=140& amp;action=like& colorscheme=light& height=35' style='border:none; overflow:hidden; width:140px; height:35px;'/>

catatan: ubah url blog yang berwarna merah menggunakan url blog sobat

copy paste script

2. <iframe src="http://www.facebook.com/plugins/like.php?href=http:// www.facebook.com/plugins/like.php?href=http://bagas96.blogspot.com &layout=button_count &show_ faces=true& width=100&action= like&font= lucida%2Bgrande&colorscheme= light&height=21" scrolling= "no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency ="true "></iframe></a>

copas script

cara pemasangan:

untuk letak silahkan tentukan sendiri namun sugesti dari saya untuk meletakanya di sini (untuk template autowindow):

cari kode ini:
<b:if cond='data:blog.pageType == "item"'>
<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; text-align: left; color: #009; background-color: #9CF; border-top: 2px solid #e8e8e8; border-bottom: 2px solid #33C;padding:4px 2px'>
Terima kasih sudah membaca <b:if cond='data:post.link'>
<a expr:href='data:post.link'> <data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'>< data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if> dan sempatkan untuk membaca yang lainnya broth.. </div>

Jika sudah ketemu letakan kodenya di antara kode ini

<b:if cond='data:blog.pageType == "item"'>

Letakan kodenya di sini

<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; text-align: left; color: #009; background-color: #9CF; border-top: 2px solid #e8e8e8; border-bottom: 2px solid #33C;padding:4px 2px'>
Terima kasih sudah membaca <b:if cond='data:post.link'>
<a expr:href=' data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond=' data:post.url'>
<a expr:href=' data:post.url'>< data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if> dan sempatkan untuk membaca yang lainnya broth.. </div>

supaya letak button pada kotak border silahkan ikuti letaknya di sini

<b:if cond='data:blog.pageType == "item"'>

<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; text-align: left; color: #009; background-color: #9CF; border-top: 2px solid #e8e8e8; border-bottom: 2px solid #33C;padding:4px 2px'>

Ltakan kodenya di sini

Terima kasih sudah membaca <b:if cond='data:post.link'>
<a expr:href=' data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond=' data:post.url'>
<a expr:href=' data:post.url'>< data:post.title/&

untuk lebih bagusnya silahkan sobat tentukan sendiri letaknya

Nb: Post Diperbarui

download scriptnya di sini
1. Script_fb_like.zip
2. Script_fb_like2.zip

karena file hanya bisa di download oleh member pastikan anda sudah terdaptar

Read more »

Subscribe to: Comments (Atom)

Satistik Blog

About blog | Feedback | Rss
Copyright 2009 - 2012 Hak cipta di lindungi UUD