Home » Archives for Agustus 2010

Cara Menghilangkan Judul di Sidebar

Cara Menghilangkan Judul di Sidebar
Ini merupakan tutorial yang berakaitan dengan tulisan sebelumnya. Yaitu cara yang kedua untuk menghilangkan judul di sidebar. Cara yang sebelumnya yaitu dengan mengapus kode judul sidebar di template, tapi untuk cara yang kedua ini yaitu dengan menambahkan kode css di template kita.

Cara Menghilangkan Judul di Sidebar
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut ini ]]></b:skin>
6. Taruh kode berikut ini di atasnya

#HTML1 .title, #HTML2 .title, #HTML3 .title, #HTML4 .title, #HTML5 .title, #HTML6 .title, #HTML7 .title .title {display:none}

7. Simpan Template jika sudah selesai.
selengkapnya>>

9 komentar  

Membuat Link Komentar Dibuka di Tab Baru

Blog kita banyak komentar? berarti blog kita hidup :) banyak yang datang dan membaca tulisan kita. Dan pasti kita menampilkan komentar-komentar itu dibawah postingan, dan kadang juga orang yang datang tak hanya membaca postingan kita tetapi juga komentar-komentar yang muncul dari pembacanya. Komentar sangat menjadikan blog ini menjadi terasa benar-benar blog.

Dan tentunya dari sekian banyak komentar yang ada, pasti juga ID yang berkomentar dan biasanya ada link menuju profil tau blog komentator. Nah, kali ini kita akan belajar, bagaimana membuat link yang ada di komentar dibuka di tab (jendela) baru, saat diklik, sehingga blog kita masih kebuka, dan masih ada kesempatan untuk dibaca lagi. Semakin lama orang membuka blog atau tinggal di blog kita.

Cara Membuat Link Komentar Dibuka di Tab Baru
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut ini

<a expr:href='data:comment.authorUrl' rel='nofollow'>

6. Jika sudah ketemu ganti dengan kode tersebut dengan kode berikut

<a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>

7. Simpan Template jika sudah selesai.
selengkapnya>>

8 komentar  

Menghilangkan Judul di Sidebar

Beberapa hari yang lalu sempat dikagetkan dan dibuat pusing oleh blogger.com Kenapa? Dulu yang biasanya kita amau menambhkan widget (gadget). Dan yang kita pilih adalah HTML/JavaScript kita harus juga mengisikan judulnya, kalau kita tidak mengisi tidak akan bisa tersimpan. Untuk kita yang ingin hanya menambakan HTML atau Java Script saja tanpa judulnya atau gak ingin judulnya terlihat akan menjadi kesulitan. Misalnya saat kita akan mengubah kursor blog kita dengan gambar, yang caranya hanya nambahin HTML ke blog kita, kan tidak perlu judulkan.

Kita terpaksa membari judul pada widget yang kita tambahkan, tapi ada jalan keluarnya agar judul itu nanti hilang (tidak tampil). Caranya bagaimana?

Cara Menghilangkan Judul di Sidebar
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut ini

<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>

6. Hapus kode <h2 class='title'><data:title/></h2> (yang berwarna merah.)
7. Simpan Template jika sudah selesai.
selengkapnya>>

4 komentar  

Menambahkan Widget Sexy Sosial Bookmarks

Blog atau tulisan kita ingin dibookmark pembaca? salah satu yang bisa kita lakukan agar tulisan kita dibookmark oleh pembaca, maka kita harus mempermudah pengunjung blog kita untuk membookmark tulisan kita. Dengan menambahkan Widget Sexy Sosial Bookmarks akan mempermudah tulisan kita menyebar ke social network atau sosial bookmark.

Setelah dulu pernah kita membahas cara menambahkan addthis untuk membagikan tulisan, dan menambahkan sosial bookmarking lokal, sekarang kita akan belajar menambahkan widget sosial bookmarking. Manfaat yang kita dapatkan dari menambahkan Widget Sexy Sosial Bookmarks akan mendatangkan traffik yang meningkat, karena tulisan kita yang menurut pembaca menarik bisa di share dengan mudah ke twitter, atau facebook.


Cara Menambahkan Widget Sexy Sosial Bookmarks
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut ini </head>
6. Setelah itu taruh kode berikut ini di atasnya.

    <style type='text/css'>
    div.sexy-bookmarks {
    height:54px;
    background:url(&#39;http://i43.tinypic.com/2ueii3t.png&#39;) no-repeat left bottom;
    position:relative;
    width:540px;
    }
    div.sexy-bookmarks span.sexy-rightside {
    width:17px;
    height:54px;
    background:url(&#39;http://i43.tinypic.com/2ueii3t.png&#39;) no-repeat right bottom;
    position:absolute;
    right:-17px;
    }
    div.sexy-bookmarks ul.socials {
    margin:0 !important;
    padding:0 !important;
    position:absolute;
    bottom:0;
    left:10px;
    }
    div.sexy-bookmarks ul.socials li {
    display:inline-block !important;
    float:left !important;
    list-style-type:none !important;
    margin:0 !important;
    height:29px !important;
    width:48px !important;
    cursor:pointer !important;
    padding:0 !important;
    }
    div.sexy-bookmarks ul.socials a {
    display:block !important;
    width:48px !important;
    height:29px !important;
    font-size:0 !important;
    color:transparent !important;
    }
    .sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover {
    background:url(&#39;http://i941.photobucket.com/albums/ad259/spiceupyourblog/sexybookmarksbuttons.png&#39;) no-repeat !important;
    }
    .sexy-furl {
    background-position:-300px top !important;
    }
    .sexy-furl:hover {
    background-position:-300px bottom !important;
    }
    .sexy-digg {
    background-position:-500px top !important;
    }
    .sexy-digg:hover {
    background-position:-500px bottom !important;
    }
    .sexy-reddit {
    background-position:-100px top !important;
    }
    .sexy-reddit:hover {
    background-position:-100px bottom !important;
    }
    .sexy-stumble {
    background-position:-50px top !important;
    }
    .sexy-stumble:hover {
    background-position:-50px bottom !important;
    }
    .sexy-delicious {
    background-position:left top !important;
    }
    .sexy-delicious:hover {
    background-position:left bottom !important;
    }
    .sexy-yahoo {
    background-position:-650px top !important;
    }
    .sexy-yahoo:hover {
    background-position:-650px bottom !important;
    }
    .sexy-blinklist {
    background-position:-600px top !important;
    }
    .sexy-blinklist:hover {
    background-position:-600px bottom !important;
    }
    .sexy-technorati {
    background-position:-700px top !important;
    }
    .sexy-technorati:hover {
    background-position:-700px bottom !important;
    }
    .sexy-myspace {
    background-position:-200px top !important;
    }
    .sexy-myspace:hover {
    background-position:-200px bottom !important;
    }
    .sexy-twitter {
    background-position:-350px top !important;
    }
    .sexy-twitter:hover {
    background-position:-350px bottom !important;
    }
    .sexy-facebook {
    background-position:-450px top !important;
    }
    .sexy-facebook:hover {
    background-position:-450px bottom !important;
    }
    .sexy-mixx {
    background-position:-250px top !important;
    }
    .sexy-mixx:hover {
    background-position:-250px bottom !important;
    }
    .sexy-script-style {
    background-position:-400px top !important;
    }
    .sexy-script-style:hover {
    background-position:-400px bottom !important;
    }
    .sexy-designfloat {
    background-position:-550px top !important;
    }
    .sexy-designfloat:hover {
    background-position:-550px bottom !important;
    }
    .sexy-syndicate {
    background-position:-150px top !important;
    }
    .sexy-syndicate:hover {
    background-position:-150px bottom !important;
    }
    .sexy-email {
    background-position:-753px top !important;
    }
    .sexy-email:hover {
    background-position:-753px bottom !important;
    }
    </style>

7. Cari kode <data:post.body/> dan taruh kode berikut di bawahnya

<div class='sexy-bookmarks'>
        <ul class='socials'>
        <li class='sexy-delicious'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
        <li class='sexy-digg'><a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
        <li class='sexy-technorati'><a expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
        <li class='sexy-reddit'><a expr:href='&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
        <li class='sexy-stumble'><a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
        <li class='sexy-designfloat'><a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
        <li class='sexy-facebook'><a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
        <li class='sexy-twitter'><a expr:href='&quot; http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
        <li class='sexy-furl'><a expr:href='&quot; http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
        <li class='sexy-syndicate'><a href='http://kurniasepta.blogspot.com/feeds/posts/default' title='Subscribe to RSS' rel='nofollow'/></li>
        <li class='sexy-email'><a expr:href='&quot; mailto:?subject=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
        </ul>
        <span class='sexy-rightside'/></div>

8. Ganti FEED saya yang bertuliskan merah miring, dengan FEED kamu sendiri, dan simpan jika sudah selesai.
selengkapnya>>

10 komentar