Mengetahui Ukuran Header, Posting, Sidebar, Footer & Lebar Blogger

Dalam edit template sobat, perlu kita ketahui berapa ukuran atau lebar elemen-elemen yang ada di blog. Untuk mengetahui Ukuran Header, Posting, Sidebar, Footer & Lebar Blogger sejuta trik blogger ingin sharing ke teman-teman. Sharing dalam posting ini mudah-mudahan bisa membantu mengedit blog sahabat semua. Yuk mulai saja.
Landscaping company
1. Mengetahui Ukuran / Lebar header

#header-wrapper{
background: #ffffff;
width: 900px;
height: 160px;
font-size: 12px;
margin: 0px auto 0px;
padding: 0px;
overflow: hidden;
}

2. Mengetahui Ukuran / Lebar halaman Posting

#main-wrapper{
float:left;
width:590px;
margin:0px 0px 5px 0px;
padding:13px 10px 0px 10px;
overflow: hidden;
}

3. Mengetahui Ukuran / Lebar sidebar

#sidebar-wrapper{
float:left;
width:320px;
margin:13px 0px 5px 0px;
padding:0px;
line-height:19px;
display: inline;
}

Update : Banyak sekali kode sidebar yang bisa dipakai misal #rsidebar-wrapper{ atau #right-sidebar-wrapper{ dll, jadi disesuaikan saja.
4. Mengethui Ukuran / Lebar Footer
/* Footer
----------------------------------------------- */
#footer {
  width:950px;
  clear:both;
  margin:0 auto;
  padding-top:15px;
  line-height: 1.6em;
  text-transform:uppercase;
  letter-spacing:.1em;
  text-align: center;
}



a. Untuk mengedit ukuran/lebar Halaman Blog
Cari kode di bawah ini:

#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

b. Untuk mengedit ukuran/lebar Halaman Posting
Cari kode di bawah ini:

#main-wrapper {
width: 410px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;/* fix for long non-text content breaking IE sidebar float */
}

c. Untuk mengedit ukuran/lebar Sidebar Blog
Cari Code di bawah ini:

#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}


d. Untuk mengedit ukuran Header Blog,
Cari Code di bawah ini:

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}


e. Untuk mengedit ukuran Footer Blog
Cari Code di bawah ini:

#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

Jika sahabat tidak menemukan kode seperti di atas, untuk mengetahui element seperti header, posting, sidebar dan lebar blogger, cukup mencari kode yang mirip dan ditunjukkan dengan width: (LEBAR) dan height:(TINGGI)

Dengan Mengetahui Ukuran Header, Posting, Sidebar, Footer & Lebar Blogger tentunya akan memudahkan sahabat mengganti dan mengedit blog dengan menyenangkan seperti slogan blog ini.

Happy Blogging! by. Sejuta Trik Blogger

Kotak Komentar Berada Di Atas Komentar Pengunjung

Ada Sejuta Trik membuat komentar blogspot yang unik.  Kemarin saya juga posting membuat background avatar pengunjung (Klik untuk membacanya). Trik lain yang membuat komentar blog kita unik salah satunya membuat kotak komentar berada di atas komentar pengunjung. Apa maksud Kotak Komentar Berada di Atas Komentar Pengunjung? Berikut ini penjelasannya. Secara default kotak komentar berada di bawah komentar pengunjung. Sebagai urutannya adalah 

Judul Posting > Komentar Pengunjung > Kotak Komentar 

maka kita ganti dengan urutan

Judul Posting > Kotak Komentar > Komentar Pengunjung

Sebagai contoh lihat posting saya yang sudah ada komentarnya di cara menggunakan fitur facebook timeline.

Dari posting saya tersebut terlihat kotak komentar yang lain dari yang lain yaitu kotak komentarnya berada di atas pengunjung. Lantas bagaimana membuatnya? Caranya cukup mudah kok. Ikuti langkah-langkahnya dengan cermat. he2.

1. Loging Blogger

2. Klik Design

3. Klik Edit HTML

4. Centang    Expand Widget Templates nya.

5. Jangan lupa Download full Template agar bisa di kembalikan jika terjadi kesalahan.

6. Siapkan air putih agar tidak pusing melihat kodenya.

7. Jika sudah semua silakan cari kode yang mirip seperti milik saya berikut ini :

<p class='comment-footer'>
        <b:if cond='data:post.embedCommentForm'>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='comment-form'/>
          <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
        <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>

8. Jika sudah COPY dan CUT semuanya seperti kode di atas mulai dari <p class='comment-footer'> sampai </b:if>. 

Cara ini dimaksudkan untuk memindah form kotak komentar agar berada di atas komentar pengunjung.

9. Buka NOTE PAD dan PASTE semua kode no 7 tadi.

10. Sekarang penempatan kode yang sudah di pindah ke notepad tadi di pindah ke atas. Caranya:

Cari lagi code yang seperti ini: <dl expr:class='data:post.avatarIndentClass' id='comments-block'> jika tidak ketemu coba yang ini <dl id='comments-block'> atau yang ini <div id='comments-block'>.

11. Pastekan semua kode yang sudah kita pindah di notepad tadi di atas salah satu kode no. 10.

12. Klik untuk menyimpan pekerjaan sobat.

Dengan cara tersebut kita dapat memindah posisi form kotak komentar blogspot akan berada di atas komentar pengunjung seperti Sejuta Trik Blogger blog punya saya ini. Sekian sharing pengalaman saya membuat kotak komentar berada di atas komentar pengunjung. Semoga membantu.

Happy Blogging!
by. Sejuta Trik Blogger

Special Thanks To : Hantu Facebook on Post

Tips Menulis Kreatif Dari Raditya Dika

Siapa gak kenal Raditya Dika. Dengan blog yang unik, bila belum kunjungi blognya silakan meluncur di blognya. http://radityadika.com/. Disana akan kita dapatkan konten asli yang menurut saya berkata 'kok bisa?' Dari web tetangga sejuta trik blogger menemukan Tips Menulis Kreatif dari Raditya Dika.

Penulis sekaligus blogger Raditya Dika berbagi Tips  Menulis Kreatif di hadapan ratusan mahasiswa dalam Talkshow Kreatif Menulis, Rejeki Tak Akan Habis di Balai Santika, Kampus Universitas Padjadjaran (Unpad) Jatinangor, Kabupaten Sumedang, Kamis (13 Oktober 2011).

"Menulis adalah tentang bagaimana cara kita menunjukkan dan menceritakan sesuatu pada pembaca agar pembaca kita ikut merasakan apa yang ingin kita sampaikan," kata Raditya dalam talkshow tersebut.

Talkshow yang diselenggarakan Himpunan Mahasiswa Jurnalistik (HMJ) Fakultas Ilmu Komunikasi (Fikom) ini memang menitikberatkan pada bagaimana cara menulis yang kreatif. Seperti yang diungkapkan ketua pelaksana kegiatan, Reta Yudistyana di sela-sela talkshow.

"Pesan yang ingin kami sampaikan melalui kegiatan ini adalah bahwa menulis itu tidak harus selalu berkenaan dengan sesuatu yang berat," kata Reta.

Menulis kreatif misalnya, lanjut Reta, menceritakan pengalaman atau kejadian yang kita alami sehari-hari ternyata bisa menjadi sesuatu yang bernilai, bahkan bisa menjadi profesi seperti halnya Raditya Dika.

Dalam kegiatan interaktif tersebut Raditya memaparkan empat kiat untuk menghasilkan tulisan yang kreatif.

"Kita bisa mengangkat cerita berdasarkan pengalaman pribadi, misalnya pengalamanan percintaan kita atau kejadian yang memalukan yang bisa menimbulkan efek komedi," kata Raditya.

Raditya juga berbagi tentang cara merangkai dialog yang menarik dan hidup, trik menciptakan visualisasi di benak pembaca, dan membuat kalimat awal yang menarik bagi pembaca.

"Di awal cerita yang kamu buat, kamu harus mampu membuat pembaca tertarik mulai dari awal kalimat yang kamu tulis. Jadi first line itu sangat menentukan," katanya.

Dalam talkshow itu Raditya yang juga dikenal sebagai penulis muda yang kocak, tidak henti-hentinya membuat peserta tertawa karena selentingannya yang segar dan menghibur.

Hal itu diakui seorang peserta, Raisa. Menurutnya talkshow ini sangat santai dan menyenangkan, seru bawaannya santai. Dari tadi ketawa terus karena diselingi lawakan khas Raditya. "Jadi materi yang disampaikan pun lebih mudah dimengerti," katanya.

Raisa juga mengaku, talkshow bersama Raditya ini sangat menginspirasi dirinya untuk membuat karya.

"Tips-tips yang disampaikan Raditya sangat membantu saya karena sebagian besar tips yang dikasih sesuaikan dengan kesulitan yang seringkali saya hadapi ketika akan membuat tulisan atau cerita," lanjut Raisa.

Pada akhir talkshow, seluruh peserta diberi waktu untuk menuangkan idenya ke dalam suatu tulisan.

"Peserta langsung diajak untuk mempraktekan tips dari Raditya ke dalam bentuk tulisan, kami beri waktu sekitar 15 menit. Kemudian seluruh tulisan peserta akan diapresiasi langsung oleh Raditya. Karya terbaik akan mendapatkan hadiah," kata Reta.

Kegiatan praktek itu, lanjut Reta, juga merupakan upaya untuk memfasilitasi peserta dalam menuangkan ide dan kemampuan menulis mereka. Terlebih dapat berinteraksi dan diapresiasi langsung oleh ahlinya.

Memang menulis tidak terpaku pada topik yang berat, tapi terpaku pada slogan blog kita. Nah kalau kita inget slogan blog kita, pasti kita jadi semangat dan isi tulisan akan tidak jauh menyimpang dari slogan blog kita. Maaf tidak ada kaitannya dengan Tips Menulis Kreatif dari Raditya Dika. He2. Semoga membantu memecahkan masalah sobat.

Sumber : Kapanlagi.com

Happy Blogging!
by. Sejuta Trik Blogger

Membuat Recent Comment Hanya Nama

Maksud Membuat Recent Comment Hanya Nama sesuai judul di atas maksudnya adalah menghilangkan tanggal posting, judul posting, dan isi komentar itu sendiri. Jadi dalam membuat recent comment hanya nama ini untuk menampilkan link nama komentator.

Sebagai contoh lihat gambar di bawah ini :

Nah untuk membuatnya, silakan Login ke Blogger>>Design>>Add HTML. (atau lebih mudahnya kita tambahkan widget seperti biasa) Kemudian pastekan di dalamnya kode di bawah ini :

<script>// ----------------------------------------
// SHOW RECENT COMMENTS
// ----------------------------------------
// This functions takes a blogger-feed in JSON
// format and displays it.
//
// Version: 1.0
// Date:    2006-12-01
// Author:  Hans Oosting
// URL:     beautifulbeta.blogspot.com
// ----------------------------------------

function showrecentcomments(json) {
  for (var i = 0; i < numcomments; i++) {
    var entry = json.feed.entry[i];
    var alturl;

    if (i == json.feed.entry.length) break;
    for (var k = 0; k < entry.link.length; k++) {
      if (entry.link[k].rel == 'alternate') {
        alturl = entry.link[k].href;
        break;
      }
    }
   alturl = alturl.replace("#", "#comment-");
   var postlink = alturl.split("#");
   postlink = postlink[0];
   var linktext = postlink.split("/");
   linktext = linktext[5];
   linktext = linktext.split(".html");
   linktext = linktext[0];
   var posttitle = linktext.replace(/-/g," ");
   posttitle = posttitle.link(postlink);
   var commentdate = entry.published.$t;
   var cdyear = commentdate.substring(0,4);
   var cdmonth = commentdate.substring(5,7);
   var cdday = commentdate.substring(8,10);
   var monthnames = new Array();
   monthnames[1] = "Jan";
   monthnames[2] = "Feb";
   monthnames[3] = "Mar";
   monthnames[4] = "Apr";
   monthnames[5] = "May";
   monthnames[6] = "Jun";
   monthnames[7] = "Jul";
   monthnames[8] = "Aug";
   monthnames[9] = "Sep";
   monthnames[10] = "Oct";
   monthnames[11] = "Nov";
   monthnames[12] = "Dec";
   var comment = entry.content.$t;
   var re = /<\S[^>]*>/g;
   comment = comment.replace(re, "");
   if (showcommentdate == true) document.write('Tanggal ' + cdday + ' '+ monthnames[parseInt(cdmonth,10)] + ' ' + cdyear + ' ');
   document.write('<a href="' + alturl + '">' + entry.author[0].name.$t + '</a> ');
   if (showposttitle == true) document.write(' pada ' + posttitle);
   document.write('<br/>')
  }

}</script><script style="text/javascript">var numcomments = 5;var showcommentdate = false;var showposttitle = false;var numchars = false;var standardstyling = false;</script> <script src="http://sejutatrik.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

Keterangan :

var numcomments = 5;            Jumlah komentar yang tampil

var showcommentdate = false; Tampilan tanggal komentar (ganti false dengan true untuk menampilkan)

var showposttitle = false;         Tampilan judul komentar(ganti false dengan true untuk menampilkan)

var numchars = false;               Rincian untuk komentar(ganti false dengan angka jumlah karakter komentar)

var standardstyling = false;       Tampilan komentar standar
ganti http://sejutatrik.blogspot.com/ dengan url blog sobat.

Kelebihan dari membuat recent comment hanya nama ini adalah kita tidak menggunakan javascript dari url blog lain. Jadi loading menjadi lebih cepat. Bukankah loading yang cepat salah satu kriteria blog itu SEO Friendly? Semoga menjadi telaah kita bersama. Nah akhir kata selamat mencoba.

Happy Blogging!
by. Sejuta Trik Blogger