MyInspiration

Home All posts

Rabu, 22 Februari 2012

Cara Memasang Emoticon Gundam Dalam Postingan Blogger

✔ Anonim 21.28 Comment

Cara Memasang Emoticon Gundam Dalam Postingan Blogger - Bagian terpenting dalam suatu blog adalah Area postingan. betul?? karena itu , sekecil apapun kesalahan yang di lakukan di area postingan berkemungkinan akan menghalagi kinerja googlebot dalam membaca isi dari artikel sobat. Saya pernah menemukan blog yang tidak punya sidebar, footer bahkan header ( header di sembunyikan ), tapi tak pernah saya menemukan blog yang tidak punya area postingan ( tempat artikel )

Kali ini saya ada sedikit tips bagi sobat blogger yang ingin memperindah area artikelnya. Kali ini kita akan coba menambahkan emoticon gundam di dalam postingan blogspot, seperti yang sobat lihat pada bagian bawah postingan ini.

Postingan ini hampir sama dengan postingan sebelumnya ( baca : cara memasang emoticon dalam postingan blog ), bedanya adalah emoticonnya. Kalau yang lalu saya menggunakan emoticon emogirl dan emoboy, kali ini saya meggunakan Emoticon Gundam.

Sobat yang tertarik memasang emoticon gundam di postingan atau artikel blog, silahkan ikuti tutorial berikut.

1. Log in ke akun blog sobat.
2. Klik rancangan -> edit Html
3. Letakkan script berikut di atas kode </body>

4. Klik simpan.

Untuk menampilkan emoticon di postingan silahkan sobat gunakan kode pemanggil seperti berikut.

:a: untuk emoticon

:b: untuk emoticon

:c: untuk emoticon

:d: untuk emoticon

:e: untuk emoticon

:f: untuk emoticon

:g: untuk emoticon

:h: untuk emoticon

:i: untuk emoticon

:j: untuk emoticon

:k: untuk emoticon

:l: untuk emoticon

:m: untuk emoticon

:n: untuk emoticon

Nah.. selesai dech!! silakan berkreasi dengan emoticon dalam postingan ..

BLOG Widget

Cara Memasang Widget I Love Indonesia di Blog

✔ Anonim 01.23 Comment

Cara Memasang Widget I Love Indonesia di Blog - Pernah kah sobat melihat widget yang di maksud? saya rasa hampir semua tamang blogger sudah pernah melihat widget ini. Widget ini biasa di letakkan di bagian pojok kanan atas blog berupa icon dengan tulisan I LOVE INDONESIA. kira kira seperti inilah bentuknya..

Nah!! kali ini kita akan mencoba memasang widget tersebut di pojok kanan atas blog sobat. Cara ini sebenarnya hampir sama dengan postingan sebelumnya ( baca : membuat gambar atau animasi berada di pojok blog ), bedanya, kalau yang dulu harus edit html yang ini sebaliknya ( tanpa edit html ). Sobat blogger yang tertarik memasang widget ini di blog, tinggal memasukkan script berikut di HTML/Javascript blog sobat.

Caranya :

Klik Rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
Masukkan script tadi ke dalam konten yang di sediakan.
Klik simpan dan lihat hasilnya.

Sekian cara membuat widget I love indonesia dan semoga membantu.

Selasa, 21 Februari 2012

emoticon blogger

Cara Menambahkan Emoticon Pada Guest Book Cbox

✔ Anonim 20.09 Comment

Cara Menambahkan Emoticon Pada Guestbook Cbox - Hal yang paling indah dan menggembirakan hati adalah ketika kita berbagi dan orang senang dengan apa yang kita bagi tersebut. Karna itu kali ini saya seperti biasa akan berbagi sesuatu pada tamang blogger. Kali ini saya akan kasih tahu tamang blogger bagaimana cara menambahkan emoticon di buku tamu cbox. namun terlebih dahulu sobat harus mendaftar ke cbow.ws.

Sekedar pemberitahuan, bahwa sebelumnya christian tatelu telah memposting cara mengganti template blogger. Bagi sobat blogger yang ingin menambahkan emoticon pada buku tamu Cbox, silahkan ikuti tutorial berikut.

Cara Menambahkan Emoticon Pada Guestbook Cbox

1. Log in ke akun Cbox sobat.
2. Klik Option kemudian Klik Smilies seperti gambar berikut.

3. Kemudian akan ada tampilan berikut.

Kode - kode pada kolom 1 adalah kode pemanggil. bisa sobat ganti sesuka hati sobat.
Kode - kode pada kolom 2 adalah Url emoticon. bisa sobat ganti dengan Url emoticon milik sobat atau scroll ke bawah dan temukan tulisan new row ( baris baru ) untuk menambah emoticon baru.

4. Masukkan url emoticon sobat di kolom 2 dan kode pemanngil baru di kolom 1 ( misalnya :1:)
5. Klik save changes.
6. Klik publish dan ambil kode Cbox baru sobat dan pastekan di HTML/javascript blog sobat.

caranya :

Rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
Masukkan kode /script dalam konten.
Klik simpan dan saatnya berkata... CoooooOOOooL!!

Senin, 20 Februari 2012

Free Download

Download Lagu / Lirik Jingle Laurier Terbaru - ( Ost Iklan Laurier Terbaru )

✔ Anonim 18.38 Comment

Download Lagu / Mp3 Jingle Laurier Terbaru ( Ost Iklan Laurier terbaru ) JKT48 – Kimi No Koto Ga Suki Dakara - Pagi - pagi minum kopi nonton film spongebob, lagi asyik nonton kemudian di selingih iklan. Iklan apakah itu?? itulah iklan laurier terbaru. Mantap iklannya ya sob??? Gimana nggak mantap coba.!! lagunya itu sob mantep banget ( sule kalee! ).

Lagu dalam iklan terbaru laurier itu dinyanyikan oleh AKB48 dan kemudian di nyanyikan dalam bahasa indonesia oleh JKT48. Lagu yang berjudul Kimi No Koto Ga Suki Dakara ini kembali mewarnai belantika musik indonesia setelah sebelumnya ada juga lagu berjudul Flyng Get dan Heavy Rotation ( ost pocari sweat ) yang di nyanyikan oleh penyanyi yang sama yaitu AKB48. Berbeda dengan gaya - gaya lagu indonesia yang cenderung sedih - sedih, lagu ini seakan membawa semangat baru bagi siapapun yang mendengarnya.

Berikut sekilas tentang Lirik lagu Jingle Iklan Laurier Terbaru.

Download Lagu / Lirik Jingle Laurier Terbaru - ( Ost Iklan Laurier Terbaru )

Kimi no Koto ga Suki Dakara (Karena Aku Suka Dirimu)

Versi Jepang ( AKB48 )

Kimi ga shiawase dattara Kono jikan ga tsuzuku you ni
Zutto zutto zutto inotte iru yo
Kaze ni fukaretemo
Boku ga sono hana wo mamoru

Ai to wa henji wo
Motomenai koe sa
Ippouteki ni okuru mono

Taiyou no shita
Waratte
Utae! Odore!
Jiyuu ni!

Kimi no koto ga suki dakara
Boku wa itsumo koko ni iru yo
Hitogomi ni magirete
Kizukanakute mo ii
Kimi no koto ga suki dakara
Kimi to aeta sono koto dake de
Atatakai kimochi de
Ippai ni naru

Kimi ga nayanderu toki wa
Tada damatte kiki nagara
Ame wo yokeru kasa wo katamukeyou
Ochiru sono namida
Mienai yubi de nugutte...

Koi to wa shizuka ni
Hirogatteku hamon
Sono chuushin wa kimi nanda

Kanashimi nante
Makezu ni
Yume no sora wo
Miagete!

Kimi no koto wo omou tabi
Meguriaeta sono guuzen
Jinsei de ikkai no
Kiseki wo shinjiteru
Kimi no koto wo omoutabi
Boku wa kami ni kansha shiteru yo
Furimuite kureru no wa
Eien no saki

Kimi no koto ga suki dakara
Boku wa itsumo koko ni iru yo
Hitogomi ni magirete
Kidzuka nakute mo ii
Kimi no koto ga suki dakara
Kimi to aeta sono koto dake de
Atatakai kimochi de
Ippai ni naru
Eien no saki

Versi Indonesia ( JKT48 )

Jika kamu bahagia..
Maka aku akan selalu selalu berdo'a selamanya..
Hingga kenangan itu berakhir..
Meski pun jika tertiup angin..
Aku akan melindungi bunga ini..

Cinta itu adalah suara..
Yang tidak memerlukan balasan..
Karena itu adalah sesuatu yang kamu berikan..

Di bawah terik matahari..
Senyumlah..
Bernyanyi! Menari! Sebebasnya!

Karena aku suka dirimu..
Aku akan selalu berada di sini..
Meskipun terhalang oleh keramaian..
Dan meski kau tak dapat melihatku..
Karena aku suka dirimu..
Hanya dengan bertemu denganmu.. Itu sudah mengisi hatiku..
Dengan perasaan yang hangat..

Ketika kamu dalam keadaan tertekan..
Aku hanya akan diam-diam mendengarkanmu..
Dan memegang payung untukmu agar terhindar dari hujan..
Dan menghapus air matamu..
Dengan jari yang tak dapat kamu lihat..

Cinta itu bagaikan riak air..
Yang menyebar secara diam diam..
Dengan kamu sebagai pusatnya..

Jangan menyerah..
Dalam kesedihan..
Lihatlah langit..
Yang penuh impianmu..

Setiap kali aku memikirkanmu..
Aku percaya bahwa kesempatan kita tuk bertemu kembali..
Adalah sebuah keajaiban..
Yang terjadi sekali seumur hidup..
Setiap kali aku memikirkanmu..
Aku bersyukur kepada
Tuhan..
Aku akan melihat dan menanti..
Keabadian di depanku..

Karena aku suka dirimu..
Aku akan selalu berada di sini..
Meskipun terhalang oleh keramaian..
Dan meski kau tak dapat melihatku..
Karena aku suka dirimu..
Hanya dengan bertemu denganmu.. Itu sudah mengisi hatiku..
Dengan perasaan yang hangat..
Keabadian di depanku..

Langsung saja download lagunya :

Download lagu ost iklan laurier

Minggu, 19 Februari 2012

BLOG Widget

Cara Menghapus Widget The Slide dari Simple Reach

✔ Anonim 20.35 Comment

Cara Menghapus Widget The Slide dari Simple Reach - Pernahkah sobat melihat widget the silde dari simple reach? itu lo yang widgetnya muncul di bagian bawah kanan blog!!. widget ini juga tak jarang di sebut widget recommended for you .

Kali ini saya tidak akan memposting bagaimana cara memasang widget the slide dari simple reach tapi sebaliknya, bagaimana cara menghapusnya. loh kok di hapus?? kan sudah banyak tu artikel di blog ini tentang cara membuat dan cara memasang, bahkan hampir semuanya.. sekali - kali menghapus kan nggak pa pa.. hehe.
Untuk cara menghapus widget ini agar musnah dan hilang di blog sobat, sobat hanya perlu menghapus kode widgetnya. sobat yang ingin menghapus widget the slide dari simple reach dari simple reach, silahkan ikuti tutorial berikut.

Cara Menghapus Widget The Slide dari Simple Reach

1. Log in ke akun blog sobat
2. Klik rancangan --> edit HTML --> Centang kotak expand template widget.
3. Cari dan hapus kode berikut.

<b:loop id='the_slide' values='data:posts' var='post'>

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

<script type='text/javascript'>

        __spr_config = {
          pid: '4f03fc85396cef0b2700010f',
          title: "<data:post.title/>",
          ckw: "<b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if></b:loop>",
          pub: "<b:if cond='data:post.dateHeader'><data:post.dateHeader/></b:if>",
          url: "<data:post.url/>"
        };
        (function(){ // The Slide by Simple Reach
          var s = document.createElement('script');
          s.async = true;
          s.type = 'text/javascript';
          s.src = document.location.protocol + '//d8rk54i4mohrb.cloudfront.net/js/slide.js';
          (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(s);
        })();
      </script>
    </b:if>

</b:loop>

Tambahan :

Utamakan pencarian pada kode yang berwarna biru.

4. Klik save dan lihat hasilnya.

Kamis, 16 Februari 2012

BLOG Widget

Cara Membuat Menu Tab View Tanpa Edit HTML

✔ Anonim 22.44 Comment

Cara Membuat Menu Tab View Tanpa Edit HTML - Apa kabar sobat blogger?? wah.. jarang - jarang nich christian tatelu posting 2 artikel sehari, mudah- mudahan bisa begitu terus.. heheh. Setelah sebelum telah memposting tentang cara mengetahui blog dofollow atau nofollow, kali ini saya aka kasih tahu pada sobat blogger bagaimana cara membuat memasang menu tab view tanpa harus edit html.

Seperti kita tahu bersama bahwa Tab view adalah salah widget berguna terutama untuk menghemat halaman blog sobat. Widget ini sifatnya seperti menyembunyikan widget yang kemudian bisa tampil kembali jika kita mengkliknya. contohnya bisa sobat lihat di bagian footer sebelah kiri dari blog ini.

Cara ini ini sebenarnya sudah banyak yang posting tapi sembari menunggu hujan berhenti tak apa lah, siapa tahu makin banyak follower blog nya, iya toh???? hehehe. Sobat yang tertarik untuk memasang widget menu tabview tanpa edit HTML silahkan ikuti tutorialnya.

Cara Membuat Menu Tab View Tanpa Edit HTML

1. Log in ke akun blog sobat.
2. Klik Rancangan -->Elemen laman --> Tambah Gadget --> pilih HTML/Javascript
3. Masukkan kode berikut ke dalam konten dan jangan beri nama widgetnya.

4. Klik save dan lihat hasilnya

BLOG Blogger Template

Cara Mengganti Template Blogger

✔ Anonim 21.09 Comment

Cara Mengganti Template Blogger - Sobat yang bosan dengan tampilannya blognya dan ingin menggantinya dengan template baru, sepertinya sobat berada di tempat yang benar. Kali ini kita akan membahas bagaimana cara mengganti template blogger blogspot.

Sekedar pemberitahuan bahwa sebelumnya christian tatelu telah mengeluarkan 2 template seo friendly yang bisa sobat download gratis. yaitu tatelu blogger template dan tatelu blogger template V2. bagi sobat yang berminat silahkan di download.

lanjut....

Sobat yang berniat mengganti template blogger silahkan ikuti tutorial berikut.

1. Log in ke akun blog sobat.
2. Klik Rancangan -->Edit HTML
3. Klik tombol Browse

4. Pilih file XML dari template yang akan di pakai kemudian klik open.

5. Klik Unggah.

6. Setelah selesai di unggah maka akan ada peringatan tentang widget dari template sebelumnya.

Pilih pertahankan widget jika ingin mempertahankan widget dari template sebelumnya.
Pilih Hapus widget untuk menghapus widget dari template semula.
Pilih batal untuk membatalkan proses penggantian template.

7. Klik Simpan.

Tambahan :
Umumnya template yang sobat download di internet ber format rar untuk itu harus di ekstrak terlebih dahulu ke file XML. caranya seperti gambar berikut.

Semoga Cara Mengganti Template Blogger di atas berguna untuk sobat blogger.

Rabu, 15 Februari 2012

BLOG

Cara Membuat Threaded Comment di Blog

✔ Anonim 19.32 Comment

Cara Membuat Threaded Comment di Blog - Ada beberapa hal yang bisa menunjang penampilan blog sobat, kali ini saya akan kasih tahu salah satunya. Namanya Threaded Comment. Threaded Comment adalah form komentar di mana komentar balasan letaknya akan berada di bawah komentar utama.

Dengan Fasilitas ini, sobat tak perlu lagi memoderasi komentar dengan alasan untuk memudahkan membalas komentar tersebut. namun perlu di perhatikan bahwa dengan memasang Threaded Comment di Blog, maka emoticon yang sobat pasang baik itu emoticon onion , emoticon kaskus, emoticon skype ataupun yang lain akan terhapus dan tak akan muncul di kotak komentar blog sobat. Bagi sobat yang tertarik membuat comment threaded silahkan ikuti tutorial berikut.

Cara Membuat Threaded Comment di Blog

A. Tanpa Edit HTML

1. Log in ke akun blog sobat.
2. Klik Rancangan --> Edit HTML --> Klik Download template lengkap untuk antisipasi kegagalan.
3. Klik tulisan Kembalikan template widget ke default kemudian klik OK.
4. Selesai.. sekarang Threaded Comment nya sudah ada.

Tambahan :
Cara di atas akan menghapus seluruh data widget di HTML blog sobat. termasuk navigasi breadcrumb,related post dll. jadi bagi sobat yang sudah terlanjur memasang navigasi breadcrumb, related post dll, saya sarankan untuk menggunakan tutorial yang berikut.

B. Edit HTML

1. Log in ke akun blog sobat.
2. Klik Rancangan --> Edit HTML --> Klik Download template lengkap untuk antisipasi kegagalan -->Klik Expand widget template.
3. Cari kode berikut dengan menggunakan Ctrl + F.

<b:include data='post' name='comments'/>

4. Ganti dengan kode berikut.

<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
5. Klik save dan selesai.

tambahan :

Sobat akan menemukan 4 kode <b:include data='post' name='comments'/>. hapus dan ganti semuanya.

Sobat yang ingin membuat threaded comment seperti blog ini silahkan ikuti tutorial berikut.

1. Log in ke akun blog sobat.
2. Klik Rancangan --> Edit HTML --> Klik Download template lengkap untuk antisipasi kegagalan -->Klik Expand widget template.
3. Letakkan kode berikut di atas kode ]]></b:skin>.

/*----------------------------------------------------
{--------} Comment {--------}
----------------------------------------------------*/

#comments h4 {
font-size: 18px;
font-weight: normal;
margin: 20px 0;
}

.cm_wrap {
clear: both;
margin-bottom: 10px;
float: right;
width: 100%;
}

.cm_head {
margin: 0;
width:60px;
float: left;
}

.cm_avatar {
margin: 0;
vertical-align: middle;
outline: 1px solid #fff;
border: 1px solid #ddd;
padding: 3px;
background-image: url(http://img846.imageshack.us/img846/7357/unled1oww.jpg);
background-position:center;
background-repeat:no-repeat;
width: 35px;
height: 35px;
}

.cm_avatar_a {
margin: 0;
vertical-align: middle;
border: 1px solid #ddd;
padding: 3px;
background:#c6e5f7;
background-position:center;
background-repeat:no-repeat;
width: 35px;
height: 35px;
}

.cm_reply {
padding-top: 5px;
}

.cm_reply a {
display: inline-block;
margin: 0;
padding: 1px 6px;
border: 1px solid #C4C4C4;
border-top-color: #E4E4E4;
border-left-color: #E4E4E4;
color: #424242 !important;
text-align: center;
text-shadow: 0 -1px 0 white;
text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #EDEDED;
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) );
background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );
font: 11px/18px sans-serif;
}

.cm_reply a:hover {
text-decoration: none !important;;
background: #ccc;;
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #eeeeee),color-stop(1, #cccccc));;
background: -moz-linear-gradient(center top,#eeeeee 20%,#cccccc 100%);;
}

.cm_entry {
padding: 16px 16px 0 16px;
background: #F7F7F7;
outline: 1px solid #fff;
border: 1px solid #ddd;
overflow: hidden;
}
.cm_entry_a {
padding: 16px 16px 0 16px;
background: #F7F7F7;
outline: 1px solid #fff;
border: 1px solid #ddd;
overflow: hidden;
}

.cm_arrow {
display: block;
width: 9px;
height: 18px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAn69h0q0cxrVGDHZ1MAAFY4Q1PTbNW6wwYiJBJST0WUPVuY3QrwG-03gIICZ3HAcyYkWkyPanA8zh-5g3XEtc8sDm4mhP1T0zNIjxMPoDt61lSCM12lzwk8bVVCYmYvX6uozPRxiXyaM/s1600/comment-arrow.gif) no-repeat;
position: absolute;
margin-left: -25px;
}

.cm_info {
margin-bottom: 5px;
border: thin solid #E6E6E6;
background-color: #F4F4F4;
padding: 5px;
}
.cm_info_a {
margin-bottom: 5px;
border: thin solid #E6E6E6;
background-color: #dff0fa;
padding: 5px;
}

.cm_name {
font-size: 14px;
color: #666666 !important;
text-decoration:none;
font-weight: bold;
float: left;

}
.cm_name_a {
font-family:"Francois One";
font-size: 14px;
color: #666666 !important;
text-decoration:none;
font-weight: 250;
float: left;

}

.cm_date {
font-size: 10px;
color: #999;
text-decoration:none;
float: right;

}
.cm_date_a {
font-family:"Francois One";
font-size: 10px;
color: #2D5E7B;
text-decoration:none;
float: right;
padding-top:5px;

}
.cm_entry p {
padding: 5px;
clear: both;
border: thin solid #E6E6E6;
background-color: #F4F4F4;
font-size: 13px;
color: #333;
word-wrap:break-word;
}
.cm_entry_a p {
padding: 5px;
clear: both;
border: thin solid #E6E6E6;
background-color: #dff0fa;
font-size: 13px;
color: #333;
word-wrap:break-word;
}

.cm_pagenavi {
font-size: 10px;
text-transform: uppercase;
color: #666;
text-shadow: 1px 1px white;
font-weight: bold;
}

.cm_pagenavi a {
color: #666;
text-decoration: none;
padding:10px;
}

.cm_pagenavi a:hover {
text-decoration: underline
}

.cm_pagenavi span {
color: #888;
background: white;
padding: 4px;
border: 1px solid #E0E0E0;
}

5. Letakkan kode berikut di atas kode </body>

5. Cari kode berikut dan hapus kode di antara ke 2 kode tersebut. ( kode tersebut cukup panjang )

<b:includable id='comments' var='post'>

Kode yang harus di ganti

</b:includable>

6. Ganti dengan kode berikut:

<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
        <h4>
             <b:if cond='data:post.numComments > 0'>
          <b:if cond='data:post.numComments == 1'>
            <span id='cm_total'>1</span> comment
          <b:else/>
            <span id='cm_total'><data:post.numComments/></span> comments
          </b:if>
        </b:if>
        </h4>

        <div id='cm_reply_css'/>

        <div class='cm_pagenavi' id='cm_page'/>

        <div id='cm_block'>
            <b:loop values='data:post.comments' var='comment'>
                <b:if cond='data:comment.isDeleted'>
                <b:else/>

                    <div expr:id='data:comment.anchorName'>
                        <div class='cm_wrap'>
                            <a expr:name='data:comment.anchorName'/>

<b:if cond='data:comment.author == data:post.author'>
                               <div class='cm_head'>
                                <div class='cm_avatar_a'>
                                    <b:if cond='data:blog.enabledCommentProfileImages'>
                                        <data:comment.authorAvatarImage/>
                                    </b:if>
                                </div>
                                <div class='cm_reply'>
                                    <a expr:href='"https://www.blogger.com/comment.g?blogID=__BlogID__&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500"); return false;'>Reply</a>
                                </div>
                            </div>
<b:else/>

                            <div class='cm_head'>
                                <div class='cm_avatar'>
                                    <b:if cond='data:blog.enabledCommentProfileImages'>
                                        <data:comment.authorAvatarImage/>
                                    </b:if>
                                </div>
                                <div class='cm_reply'>
                                    <a expr:href='"https://www.blogger.com/comment.g?blogID=__BlogID__&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500"); return false;'>Reply</a>
                                </div>
                            </div>
</b:if>

<b:if cond='data:comment.author == data:post.author'>
                                <div class='cm_entry_a'>
                                <span class='cm_arrow'/>
                                <div class='cm_info_a'>
                                    <div class='cm_name_a'>

                                      <b:if cond='data:comment.author == data:post.author'>
                                                                                       <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
                                                <data:comment.author/>
                                            </a>
                                                           <b:else/>

                                        <b:if cond='data:comment.authorUrl'>
                                            <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
                                                <data:comment.author/>
                                            </a>
                                        <b:else/>
                                            <b><data:comment.author/></b>
                                       </b:if>
                                        </b:if>
                                    </div>

                                            <b:if cond='data:comment.author == data:post.author'>
                                     <div class='cm_date_a'>
                                        <data:comment.timestamp/>
                                        <b:include data='comment' name='commentDeleteIcon'/>
                                    </div>
                                    <div class='clear'/>

                                            <b:else/>

                                    <div class='cm_date'>
                                        <data:comment.timestamp/>
                                        <b:include data='comment' name='commentDeleteIcon'/>
                                    </div>
                                    <div class='clear'/>
                                            </b:if>
                                </div>
                                  <b:if cond='data:comment.author == data:post.author'>
                                     <div class='comment-body-author'>
                                <p><data:comment.body/></p>
                                     </div>
                                            <b:else/>
                                <p><data:comment.body/></p>
                                 </b:if>
                            </div>


<b:else/>

                            <div class='cm_entry'>
                                <span class='cm_arrow'/>
                                <div class='cm_info'>
                                    <div class='cm_name'>

                                      <b:if cond='data:comment.author == data:post.author'>
                                                                                      <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
                                                <data:comment.author/>
                                            </a>
                                                           <b:else/>

                                        <b:if cond='data:comment.authorUrl'>
                                            <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
                                                <data:comment.author/>
                                            </a>
                                        <b:else/>
                                            <b><data:comment.author/></b>
                                       </b:if>
                                        </b:if>
                                    </div>

                                            <b:if cond='data:comment.author == data:post.author'>
                                     <div class='cm_date_a'>
                                        <data:comment.timestamp/>
                                        <b:include data='comment' name='commentDeleteIcon'/>
                                    </div>
                                    <div class='clear'/>

                                            <b:else/>

                                    <div class='cm_date'>
                                        <data:comment.timestamp/>
                                        <b:include data='comment' name='commentDeleteIcon'/>
                                    </div>
                                    <div class='clear'/>
                                            </b:if>
                                </div>
                                  <b:if cond='data:comment.author == data:post.author'>
                                     <div class='comment-body-author'>
                                <p><data:comment.body/></p>
                                     </div>
                                            <b:else/>
                                <p><data:comment.body/></p>
                                 </b:if>
                            </div>
</b:if>
                        </div>
                    </div>
                </b:if>
     </b:loop>
        </div>

        <div class='cm_pagenavi' id='cm_page_copy'/>

    <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>

</b:if>
</div>

6. Ganti __BlogID__ dengan id nya sobat. untuk mengetahui id blog sobat lihat gambar berikut.

7. Simpan template dan lihat hasilnya..

semoga Cara Membuat Threaded Comment di Blog ini bisa membantu sobat dalam menghias blog.

Senin, 13 Februari 2012

Blogger Template

Tatelu Blogger Template V2

✔ Anonim 23.45 Comment

Tatelu Blogger Template V2 - Setelah beberapa hari lalu mengeluarkan sebuah template yang di beri nama christian tatelu blogger template, kali ini christian tatelu kembali mengeluarkan template yang nggak kalah dengan template yang sebelumnya dan juga nggak kalah sama template yang biasa sobat download di om google.(hehe.. masa sih??). Namanya templatenya adalah Tatelu Blogger Template V2

Template ini di modif dari template minima yang sempat saya bilang adalah template blogspot terbaik... benar template terbaik.. buktinya dengan template minima ini saya yang seorang newbie bisa berkreasi menciptakan sebuah template, meskipun hasilnya nggak keren - keren amat. Sobat yang tertarik untuk mendownload template ini silahkan download dengan mengklik tulisan DOWNLOAD atau sekedar ingin lihat demonya silahkan klik tulisan DEMO.

DEMO / DOWNLOAD

BLOG

Cara Membuat / Meletakan Footer di Sisi Kanan atau Kiri Blog

✔ Anonim 02.33 Comment

Cara Membuat / Meletakan Footer di Sisi Kanan / Kiri Blog - Beberapa hari ini serasa dilema bro!!! Semangat memposting artikel yang sebelum membara di awal tahun 2012 kini mulai luntur, entah apa yang membuat saya sampai se jenuh ini. Namun hal tersebut coba saya siasati dengan sesuatu ( rahasia ).
setelah sebelumnya memposting artikel tentang Cara Mengetahui Blog Dofollow atau Nofollow, kali ini saya akan coba memposting artikel yang sedikit aneh, yaitu membuat atau meletakkan footer di sisi blog entah itu di sebelah kanan blog, sebelah kiri blog, ataupun tengah. namun khusus pada tutorial ini kita hanya akan membahas tentang cara membuat footer berada di sisi kiri blog atau bisa di bilang sidebar ke duanya. hehehe.

Postingan aneh dengan judul yang aneh pula ini saya posting dengan harapan bisa mengobati rasa bosen ngeblog. sobat yang tertarik untuk ber eksperimen dengan trik ku ini, silahkan ikuti tutorial berikut.

DEMO

1. Log in ke akun blog sobat.
2. Klik Rancangan --> Edit HTML
3. Cari kode yang mirip dengan kode berikut.

#outer-wrapper {
width: 950px;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

4. ganti kode tersebut dengan kode berikut.

#outer-wrapper {
width: 950px;
margin-left:350px;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

( kode di atas hanya ada tambahan pada margin, karena kita membutuhkan space untuk meletakkan footernya.)

5. Ganti kode footer-wrapper template sobat dengan kode berikut.

/* footer */
#footer {
clear:both;
width:950px;
position:relative;
text-align:left;
color:#000000;
font-family:julee;
background:#252525;
border:1px solid #000000;
margin:0 auto;
padding:0;
}

#footer {
width:300px;
clear:both;
float:center;
line-height:1.6em;
margin:0 auto;
padding:0;
}

.footer-bot {
padding:0px;
}

.footer-bot ul {
color:#222;
margin:0;
padding:0;
}

.footer-bot ul li {
list-style-type:none;
background:;
padding-left:15px;
margin-bottom:8px;
}

.footer-bot a {
color:#222;
text-decoration:none;
}

.footer-bot a:hover {
border-bottom:1px solid #222;
color:#000;
}

#footer-right {
width:250px;
float:left;
padding:5px;
margin-left:15px;
margin-bottom:10px;
background:#ffffff;
border:1px solid #222;
}
#footer-center {
width:250px;
margin-bottom:10px;
float:left;
margin-left:15px;
padding:5px;
background:#ffffff;
border:1px solid #222;
}
#footer-left {
width:250px;
background:#ffffff;
margin-bottom:10px;
padding:5px;
margin-left:15px;
margin-top:10px;
float:left;
border:1px solid #222;
}

6. Kemudian letakkan kode berikut di atas kode ]]></b:skin>.

#trik_tatelu {
position:fixed;_position:absolute;top:0px; background:#000000; left:px; width:320px;
border:1px solid #000000; height:585px;;overflow:auto;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

7. Letakkan kode berikut di atas kode </body>

8. Klik save.

Perhatian!

Sebelum sobat menggunakan trik ini, ada baiknya download terlebih dahulu template blog sobat.
Cara ini di anjurkan pada template dengan lebar yang sesuai dengan outer wrapper 950px, untuk lebar kurang dari atau lebih dari 950px, sobat perlu ketelitian dan pengetahuan tentang html. ( bukan newbie ).
Trik ini akan menggeser posisi outer wrapper blog sobat.
Trik ini saya coba pada template minima yang telah di hilangkan sidebarnya.
Mohon sobat atur sebaik mungkin jika setelah jadi hasilnya kurang bagus atau kurang cocok.
Semoga cara membuat footer berada di sisi kanan atau kiri blog bisa membantu sobat blogger.

Sabtu, 11 Februari 2012

Blogger Template

Tatelu Blogger Template

✔ Anonim 01.42 Comment

Tatelu Blogger Template - Ah .. entah apa yang ada di otak ane hingga kepikir membuat sebuah template dan menamai template ini dengan nama blogku sendiri. Awalnya cuma iseng - iseng utak - atik template, eh.. ternyata kelihatan bagus.. nah langsung dah ane bagi- bagi untuk sobat blogger.

Template ini adalah template minima yang saya modifikasi dan bongkar keseluruhan hingga ke akar - akarnya. adapun alasan saya memilih template minima karena kemudahan dalam mengedit kode - kodenya, jadi saya sarankan bagi sobat - sobat blogger yang niat atau mau membuat template sendiri, gunakanlah template minima.

Untuk kelebihan dan kekurangan dari template ini nanti sobat yang nilai sendiri saat sobat mencobanya, Sobat yang tertarik menggunakan ataupun ragu menggunakannya, ada baik mempertimbangkan dengan melihat screenshot berikut.

DEMO / DOWNLOAD

Semoga template buatan anak bangsa ini bisa bermanfaat untuk sobat blogger.

Kamis, 09 Februari 2012

BLOG Widget

Cara Membuat Daftar Isi Otomatis Untuk Label Tertentu

✔ Anonim 18.28 Comment

Cara Membuat Daftar Isi Otomatis Untuk Label Tertentu- Mengertikah sobat akan maksud dari judul di atas? Sobat mungkin sering menemukan artikel mirip seperti ini dengan kata kunci " Membuat daftar isi per label", atau tak jarang juga dengan keyword cara membuat daftai isi sitemap. tapi satu mungkin yang membedahkan trik ini dari cara membuat daftar isi yang lain, yaitu cara ini yang hanya menampilkan artikel - artikel dalam 1 kategori atau label tertentu. Masih kurang mengerti juga?

Kali ini kita akan coba membuat daftar isi otomatis pada satu kategori tertentu. Untuk lebih jelasnya, coba sobat lihat daftar isi di sidebar paling atas di blog ini.

Trik seperti ini sebenarnya bisa sobat lakukan secara manual dengan cara memasukkan secara manual link - link artikel sobat , namun seperti biasa, waktu sobat mungkin akan sedikit terkuras. Untunglah jika sobat hanya memiliki sedikit artikel.. bagaimana jika banyak?? wah. bisa pegel ni jarinya.. hehe

Widget ini di lengkapi scroll yang berfungsi menghemat halaman sobat, jadi jangan perlu takut kalau - kalau tidak muat lamannya karna kebanyakan artikel. Bagi sobat yang tertarik untuk membuat daftar isi otomatis pada label tertentu silahkan ikuti tutorial berikut.

Cara Membuat Daftar Isi Otomatis Untuk Label Tertentu

1. Log in ke akun blog sobat.
2. Klik Rancangan --> Elemen laman --> Tambah Gadget -->HTML/Javascript
3. Masukkan kode berikut kedalam kotak yang di sediakan dan berikan judul sesuka hati sobat.

<div style="overflow:auto; width:auto; height:150px; padding:5px;border:0px solid #000000; font-family:julee; font-size:15px; font-color:#0000FF;">
<ol>
<script style="text/javascript">
var numposts = 100;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://tateluproject.googlecode.com/files/postlabel%281%29.js'></script><ol>
<script src="http://www.blooger.co.idm/feeds/posts/default/-/SEO%20BLOG?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</ol></div>

tambahan :

width:auto : menunjukkan bahwa lebar scroll box akan menyesuaikan dengan lebar sidebar.
height:100px : tinggi scroll box. silahkan sobat ganti sesuai keinginan.
border:1px solid #e6e4e3 : adalah ukuran, jenis dan warna dari border. 1px adalah tebal border, solid adalah jenis border ( jenis - jenis border lihat di sini!) dan #e6e4e3 adalah warna border.( kode warna lihat disini! )
font-size : adalah ukuran huruf.
<ol> : adalah Numbered LIst , sobat bisa menggantinya menjadi bullet list dengan kode <ul>
Ganti http://www.blooger.co.idm dengan Url blog sobat.
Ganti SEO%20BLOG dengan label yang sobat inginkan. Perhatikan penulisan labelnya. sesuaikan dengan yang terterah, jika satu huruf saja salah penulisannya, makan daftar isinya tak akan muncul. %20 adalah Spasi jadi ganti spasi dengan kode %20.

3. Klik simpan.

Untuk menampilkan daftar isi lebih dari satu label, misalnya untuk label SEO BLOG dan BLOG, maka kode yang harus sobat pakai adalah seperti berikut.

<div style="overflow:auto; width:auto; height:100px; padding:5px;border:1px solid #e6e4e3; font-size:15px;">
<ol>
<script style="text/javascript">
var numposts = 100;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://tateluproject.googlecode.com/files/postlabel%281%29.js'></script>
<h3>BLOG</h3>
<ol>
<script src="http://www.blooger.co.idm/feeds/posts/default/-/BLOG?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
<br/>
<h3>SEO BLOG</h3>
<ol>
<script src="http://www.blooger.co.idm/feeds/posts/default/-/SEO%20BLOG?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</ol></div>

tambahan :