ANTHONY'S BLOG

Tampilkan postingan dengan label blog. Tampilkan semua postingan

Kamis, 19 Januari 2012

0 Cara Mensubmit RSS Feed Blog ke Facebook dengan RSS Graffiti

Posted by Herman on Thursday, February 24, 2011 32 comments Jika anda ingin postingan blog anda dapat dibaca oleh lebih banyak orang maka salah satu cara yang harus anda lakukan adalah mensubmit RSS feed ke Facebook. Dengan mensubmit RSS feed blog anda ke Facebook, maka setiap kali anda memposting artikel baru, artikel tersebut akan otomatis muncul dihalaman profil facebook anda, sehingga teman atau sahabat facebook anda dapat membaca artikel blog anda langsung di halaman profil facebook anda. Jika artikel anda bagus tentu mereka akan mengunjungi blog anda untuk membaca lebih lanjut sehingga dapat turut mempromosi blog anda.

Mengenai cara mensubmit RSS feed ke Facebook sebenarnya sudah pernah saya posting di blog ini. Namun karena Facebook telah mengganti tampilan halamannya dan fitur untuk submit RSS juga sudah ditiadakan sehingga cara sebelumnya sudah tidak dapat digunakan lagi.

Meskipun Facebook sudah tidak menyediakan fitur untuk submit rss feed. Namun kini ada banyak aplikasi facebook yang dapat melakukan tugas ini. Salah satunya yang saya gunakan adalah RSS Graffiti.

RSS Graffiti akan secara otomatis mensubmit postingan blog anda ke halaman profil facebook anda setiap kali anda update posting sehingga anda tidak perlu submit artikel secara manual ke facebook.

Apa yang harus anda lakukan hanya buka aplikasi RSS graffiti dan tambahkan alamat feed blog anda. Setelah itu semuanya akan berjalan secara otomatis.. tis.. tis.. tis

Selain itu, RSS graffiti juga menyediakan beberapa pengaturan sehingga anda dapat mengkustomisasi tampilan feed sesuai dengan yang anda inginkan.

Beberapa fitur yang disediakan oleh RSS graffiti antara lain:

Memperbolehkan anda untuk mengatur tampilan artikel dalam bentuk feed biasa atau pesan singkat seperti Twitter
Menyaring artikel dari tanggal tertentu
Memberi pesan tambahan pada setiap artikel yang dipublikasi
Mengatur jadwal posting
Mempublikasi twitter tweak ke facebook

Cara mensubmit RSS Feed ke RSS Graffiti

1. Login ke Facebook.
2. Buka aplikasi RSS Graffiti dan jalankan.
3. Setelah itu, klik Add Feed.
4. Kemudian akan muncul halaman seperti berikut

Feed URL: isi alamat feed blog anda. Contoh http://bloganda.blogspot.com/feeds/posts/default
Source Name: Isi nama blog anda
Source URL: Isi alamat blog anda
Post style: Biarkan saja 'Standard'. Jika anda ingin postingan muncul dalam bentuk pesan singkat seperti Twitter pilih 'Compact' atau 'Status updates'

5. Jika sudah tekan Save. Selesai

Sekarang setiap kali anda memposting artikel, artikel tersebut akan secara otomatis muncul dihalaman facebook anda.
sumber : http://www.hermanblog.com/2011/02/cara-mensubmit-rss-feed-blog-ke.html
okebloog.blogspot.com

Kamis, 01 Desember 2011

0 Membuat Translate Di Blog

Kita sering melakukan browsing dan menemukan Widget Google Translate pada sebuah blog termasuk blog saya sekarang, di mana Google Translate ini berfungsi untuk menerjemahkan isi konten blog bersangkutan oleh para pengunjung yang berbeda bahasa.

Nah, di kesempatan baik ini saya ingin berbagi informasi bagaimana Cara membuat translate di blog, menarik bukan teman-teman untuk dicoba?

Lihat Pict

Ok, langkah-langkahnya sebagai berikut:

1. Klik Design/Layout/Tata Letak >> Page Element >> Add a Gadget >> HTML/Javascript,

2. Copy paste-kan semua kode ke dalam kotak HTML/Javascript blog teman-teman,

<style>

.translate img {

filter:alpha(opacity=100);

-moz-opacity: 1.0;

opacity: 1.0;

border:0;

padding-left:0px;

}

.translate:hover img {

filter:alpha(opacity=50);

-moz-opacity: 0.50;

opacity: 0.50;

border:0;

}

</style>

<a href="http://san-zzz.blogspot.com/2011/02/membuat-translate-di-blog.html"/>Translate Widget</a> by Google

</div></div>

3. Klik save dan View Blog.

Nb: Ganti tanda yang berwarna merah menjadi alamat wab anda.

Selamat Mencoba :)

okebloog.blogspot.com

0 Cara Membuat Search Box atau Kotak Pencari di Blog

Saya yakin para netter pasti sudah tidak asing lagi dengan yang namanya search box. Karena kita rata-rata mencari alamat website atau informasi dengan tool ini.

Secara singkat, search box adalah sebuah tool yang digunakan untuk mencari data-data atau alamat website dengan memasukkan kata kunci yang ingin kita cari.

Namun search box atau kotak pencari yang biasa kita gunakan hanya memungkinkan kita untuk mencari data di mesin pencari seperti Google, Yahoo, dan MSN. Lalu bagaimana kalau kita ingin mencari data hanya pada blog kita saja?

Mungkin sekarang sudah banyak template yang sudah disediakan kotak pencari atau search box. Tapi bagi template yang tidak dilengkapi dengan fasilitas ini. Anda juga bisa memasangnya sendiri dengan cara sebagai berikut:

1. Login ke Blogger. Klik menu Design -> Page Elements. Lalu klik pada Add a Gadget.

2. Klik Add a Gadget -> HTML/Java script
3. Masukkan kode dibawah ini kedalam kotak dan klik Save

<p align="left">
<form id="searchthis" action="ALAMAT URL BLOG/search" style="display:inline;" method="get">
<strong>NAMA KOTAK<br/></strong>
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" value="Search" type="submit"/>
</form></p>

Ganti ALAMAT URL BLOG dengan alamat URL blog Anda. Misalnya, http://www.hermanblog.com dan ganti NAMA KOTAK dengan nama yang ingin Anda tampilkan pada kotak. Misalnya, Cari artikel disini, Cari disini, dan lain-lain.

4. Jika sudah selesai, klik Save lalu klik View Blog untuk melihat tampilannya di blog.

Jika Anda merasa kotaknya terlalu panjang atau pendek. Anda bisa mengubah ukurannya dengan mengganti nilai pada size. Anda juga bisa mengganti nama tombol Search dengan nama lain misalnya, Cari atau lanjut.

Sebagai contoh, saya mengganti "size=30" dan "value=cari" maka hasilnya akan seperti yang dibawah ini. okebloog.blogspot.com

0 Cara memasang translate dengan icon bendera di blog

apakah sobat semua ingin informasi yang dishare dari blog sobat dibaca orang luar negeri?

tentu pada bilang "YA"gak lucukan seandainya ada pengunjung yang tertarik dengan artikel salah satu blog kita,tapi mereka gak tahu bahasanya, maka dari itu pada rame-rame pasang translate bahasa pada blog.mau tahu caranya???

Berikut cara memasang translate dengan icon animasi bendera

* pertama silahkan ke blogger dengan user ID sobat.

* klik “rancangan"

* setelah itu element halaman

* klik tambah gadget

*pilih html/java script

*klik tanda plus (+)

Dan copy-paste kode berikut:

Baca Juga Artikel Yang Di Bawah Ini :

okebloog.blogspot.com

0 Cara Pasang Google Translate Dengan Image Bendera di Blog

Cara Pasang Google Translate Dengan Image Bendera

Setelah sebelumnya saya memposting artikel tentang Cara Pasang Google Translate dengan mentuk Drop Down .Kali ini saya akan memberikan tips tentang bagaimana Cara Pasang Google Translate Dengan Image Bendera. Translate dengan gambar bendera ini memang cukup menarik dilihat . selain itu gambar benderanya adalah gambar bendera masing-masing negara yang bahasanya ingin diterjemahkan. Dengan begitu Widget Google Translate Yang kita pasang akan lebih menarik.

Widget Google Translate yang berbentuk bendera yang akan kita pasang adalah seperti di bawah ini .silakan kamu sorot gambar benderanya maka nanti akan muncul nama negara dari pemilik bendera tersebut.

Buat kamu yang ingin memasang Widget Google Translate berbentuk bendera tersebut,silakan ikuti langkah-langkahnya berikut ini.

1.LOGIN ke Blogger dengan ID kamu.

2.Klik Tata Letak.

3.Klik tab Elemen Halaman.

4.Klik Tambah Gadget.

5.Kemudian Pilih HTML/Javascript.

6.Selanjutnya Copy Kode HTML berikut dan Paste di dalam kolom HTML/Javascript tadi.

<center><a style="cursor: pointer;" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img border="0" alt="English" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/inggris.gif" height="20" title="English" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img border="0" alt="French" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/francis.gif" height="20" title="French" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img border="0" alt="German" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/jerman.gif" height="20" title="German" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img border="0" alt="Spain" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/spnyol.gif" height="20" title="Spain" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img border="0" alt="Italian" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/italia.gif" height="20" title="Italian" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img border="0" alt="Dutch" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/belanda.gif" height="20" title="Dutch" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img border="0" alt="Russian" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/rusia.gif" height="20" title="Russian" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img border="0" alt="Portuguese" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/brazilia.gif" height="20" title="Portuguese" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img border="0" alt="Japanese" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/jepang.gif" height="20" title="Japanese" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img border="0" alt="Korean" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/koreautara.gif" height="20" title="Korean" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img border="0" alt="Arabic" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/saudiarabia.gif" height="20" title="Arabic" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img border="0" alt="Chinese Simplified" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/cina.gif" height="20" title="Chinese Simplified" align="absbottom"/></a></center><br/>

7.Setelah itu Klik tombol SIMPAN okebloog.blogspot.com

0 Cara Pasang Tv Di Blog

Cara Pasang Tv Di Blog

Buat sobat yang ga mau ketinggalan Acara di Tv ga perlu khawatir,apalagi jika sobat sedang online atau Update postingan blog .nah.. dalam postingan kali ini klinik-it akan menjelaskan tentang Cara Pasang Tv Di Blog .Blog sobat bisa juga loh dipasangin tv. jadi nantinya pengunjung blog sobat bisa nonton tv di blog sobat .hehehe. tujuan dari pemasangan tv di blog biasanya supaya pengunjung di blog kita betah berlama-lama ada di blog kita sambil nonton tv .hehehe Cara Pasang TV di Blog juga cukup mudah .tapi sebelumnya klinik-it mau kasih contoh Tv nya dulu nich .hehehe Contoh tvnya bisa sobat lihat di bawah ini ..

Live TV (Mivo TV-RCTI-TRANS TV-SCTV-GLOBAL TV):

udah lihatkan contoh tvnyana ?hehehe buat sobat yang ingin Pasang Tv Di Blog caranya cukup mudah koq ,sobat tinggal ikuti tutorial Cara Pasang TV di Blog di bawah ini.

1.Login Ke Blogger Dengan ID sobat.

2.Klik Tata Letak .

3.Klik Tambah Gadget

4.Pilih HTML/javascript.

5.Kemudian Copy Dan Paste Kode berikut di dalamnya.

6.Klik SIMPAN.

7.Selanjutnya tinggal sabat lihat deh hasilnya.

Keterangan :
1.Sebaiknya Tv dipasang di dalam postingan atau jika sidebar blog sobat lebar silakan pasang di sidebar soabat.

Selamat mencoba................ okebloog.blogspot.com

1 Cara menaikkan Page Rank dan Backlink Melalui Technorati

Technorati adalah web yang dibuat oleh Yahoo untuk menshare bloger-bloger dunia agar mendapatkan backlink. Jika anda mendaftar blog anda ke technorati maka blog anda akan di share oleh technorati, selain itu anda juga kan mendapat backlink gratis sebanyak postingan anda, karena technorati akan membuat link ke setiap postingan yang ada di blog anda. Jadi keuntungan lainnya akan membantu untuk meningkatkan page rank blog anda.

Klo dipikir-pikir gampang kan…nah jangan lama-lama langsung aja daftar di Technorati.

Berikut tutorialnya:

1. Login ke akun technorati anda. Apabila belum punya daftarkan segera diri anda.
2. Di bagian kanan atas, klik username anda

3. Setelah halaman account terbuka, klik tombol claim

4. Masukkan data tentang blog anda
Jika menggunakan blogspot:
Feed blog anda:
http://namablog.blogspot.com/feeds/posts/default

Klik tombol Procees to next step
5. Klik Return to profile

6.Klik Check claim

7. Anda akan mendapatkan kode unik ,
Buat sebuah postingan di blog anda (jangan lupa di publish) agar spider/robot technorati bisa melacak keberadaan kode/token tersebut.
Klik tombol verify claim token

Berhasil atau tidaknya Claim blog kita adalah terverifikasinya blog kita. Selamat Mencoba

sumber: artikelkomputerku.blogspot.com

Unique code : QUVG6VYAH4Y4

Blog : http://ruangberita.blogspot.com/

okebloog.blogspot.com

0 Cara Mudah Membuat Logo Blog Keren! (6 Online Text Logo Generators)

Tampilan logo blog pada header yang khas dan memiliki desain yang bagus pasti menjadi dambaan setiap blogger. Logo blog biasanya ditampilkan sebagai bagian dari header yang berupa paduan gambar dan gambar teks yang berisi nama atau ciri dari suatu blog. Umumnya, logo blog digunakan untuk menggantikan teks pada bagian title dan deskripsi header. Tentu saja, membuat logo blog, meskipun hanya berupa logo text, bukanlah perkara mudah bagi setiap orang. Keahlian setidaknya dibutuhkan untuk membuat teks logo dengan menggunakan software image editing semacam Correl Draw maupun Photoshop.

Pengen punya logo teks blog yang seperti ini?

Atau yang seperti ini?

Kabar baiknya, saat ini ada banyak layanan situs online logo creator and generator yang dapat memudahkan pekerjaan membuat logo blog. Siapa saja dapat dengan mudah membuat teks logo blog maupun logo blog untuk header dengan hasil yang lumayan baik dan tidak mengecewakan. Telah saya pilihkan 6 online logo generator/creator yang mudah untuk digunakan sebagai berikut:

1. www.textspace.net

Memiliki berbagai jenis text generator sesuai dengan bentuk design-nya, misalnya patterned text generator, glitter text generator, LCD text generator, marquee text generator, dan masih banyak lagi yang lainnya. Memiliki interface yang bersih dan waktu muat halaman yang cepat sehingga membuat kita semakin mudah dan cepat dalam membuat logo.

2. www.flamingtext.com

FLaming text memiliki banyak sekali koleksi design yang bermacam-macam dengan berbagai pilihan dari yang paling sederhana dan paling animatif. Membuat anda harus lebih jeli dan benar-benar fokus untuk membuat pilihan karena banyaknya design yang harus dipilih. Interface generator yang lengkap disertai live preview dari hasil teks yang diedit sehingga tidak perlu lagi berpindah halaman untuk kembali mengedit.

3. cooltext.com

Sama halnya dengan flamingtext, cooltext memiliki banyak koleksi design dan memiliki interface editor yang mudah dan handy, sehingga siapapun dapat dengan mudah menggunakannya. Terdapat dua jenis design, yaitu logo dan button. Dilengkapi pula dengan puluhan jenis font menarik yang dapat dipilih dan disesuaikan dengan design blog.

4. www.simwebsol.com

Ketika membuka halaman web situs ini, anda akan masuk ke halaman text logo editor yang sederhana. Kostumisasi keseluruhan teks diserahkan kepada user, sehingga dapat membuat logo sesuai dengan kehendak. Pilhan style-nya tidak begitu banyak, namun masih cukup berharga mengingat hasil gambar dari online logo creator ini memiliki kualitas yang cukup baik.

5. www.logomatik.net

Design-design pada situs ini lebih menekankan pada koleksi design font yang menawan. Design yang dihasilkan dengan generator dapat dikostumisasi lebih, namun warna gambar hitam dan putih menurut saya adalah yang terbaik karena kesan vector-nya sangat kuat dan memukau.

6. www.thelogoshop.info

Cukup sederhana, atau bisa dibilang sangat sederhana, selain karena situs ini hanya memiliki satu halaman, design-nya pun sangat terbatas. Namun, bagi anda yang sedang belajar dan dalam proses awal blogging dan design gambar, situs ini bisa menjadi awalan bagi anda untuk belajar membuat design logo.

sumber : http://aputhjosh.blogspot.com/2011/08/cara-mudah-membuat-logo-blog-keren-6.html okebloog.blogspot.com

0 Cara Membuat Buku Tamu Tersembunyi Di Blog

1. masuk ke http://www.shoutmix.com/
2. click sign up
3. kalau sudah akan keluar gambar seperti ini

4. periksa alamat email anda (kunjungi yahoo , gmail atau yang lain untuk memeriksa inbox di emai anda)
5. lalu anda click link nya

6. akan muncul jendela baru
7. click create shoutbox
8. lalu click create

9. anda akan mendapatkan kode shoutbox

kita masuk ke blogger
1. login ke blog anda
2. click desain > tambah gadged > html/javascript
3. copy paste kode dibawah ini lalu letakkan di gadged tadi

#gb{

position:fixed;

top:100px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbtab{

height:120px;

width:30px;

float:left;

cursor:pointer;

background:url('http://i971.photobucket.com/albums/ae193/Zendrymaulana/Wallpaper%20For%20Template%20Blogger/bukutamu2.gif')

no-repeat;

}

.gbcontent{

float:left;

border:2px solid #A5BD51;

background:#F5F5F5;

padding:10px;

}

</style>

function showHideGB(){

var gb = document.getElementById("gb");

var w = gb.offsetWidth;

gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);

gb.opened = !gb.opened;

}

function moveGB(x0, xf){

var gb = document.getElementById("gb");

var dx = Math.abs(x0-xf) > 10 ? 5 : 1;

var dir = xf>x0 ? 1 : -1;

var x = x0 + dx * dir;

gb.style.right = x.toString() + "px";

if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}

}

</script>

<iframe title="hafiezers" src="http://www.shoutmix.com/?hafiezers" width="100%" height="460" frameborder="0" scrolling="auto"><a href="http://www.shoutmix.com/?hafiezers">View shoutbox</a></iframe><br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br />

[Close]

</a>

</div>

var gb = document.getElementById("gb");

gb.style.right = (30-gb.offsetWidth).toString() + "px";

</script></div>

yang berwarna biru ganti dengan kode shoutbox anda tadi

CLICK GAMBAR UNTUK MEMPERBESAR

okebloog.blogspot.com

0 Cara Membuat Semua Link Terbuka Di Tab Baru

Sebelumnya diblog ini juga pernah dibahas cara megenai cara membuat link terbuka ditab baru mungkin ini hanya untuk bebrapa link saja dan kini bisa untuk semua link terbuka ditab baru.terkadang kita perlu menyisipkan satu atau beberapa tautan atau link. Cukup mudah untuk membuat link di Blogger.berikut caranya simaklah betul-betul....semoga..berhasil...

Cara Membuat Semua Link Terbuka Di Tab Baru

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk membuat salinan template. Hal ini untuk mengantisipasi jika nanti terjadi kesalahan dalam pengeditan kita dapat dengan mudah mengembalikan template ke seperti semula.

4. Cari kode <b:skin><![CDATA[/*.Untuk mempercepat pencarian, silakan tekan Ctrl + F lalu masukkan kodenya

5. Letakkan kode dibawah ini diatas kode tersebut.

<base target='_blank' />

6. SIMPANokebloog.blogspot.com

0 Cara Membuat Kotak Komentar Admin Berbeda Dengan Pengunjung

Maksud dari judul di atas adalah kita akan memberi warna serta border pada kolom komentar admin sehingga pengunjung dapat dengan mudah membedakan mana komentar admin dan mana komentar pengunjung lain. Warna kotak komentar yang berbeda ini akan terjadi saat kita berkomentar jika kita selaku admin blog telah sign in di Blogger. Contohnya seperti kotak komentar admin di blog ini yang terlihat berbeda dengan komentar lainnya.

Cara Membuat Kotak Komentar Admin Berbeda Dengan Pengunjung

Bila tertarik untuk mengaplikasikan trik ini pada template blog Sobat, silakan simak langkah-langkahnya di bawah ini.

Cara Membuat Kotak Komentar Admin Berbeda Dengan Pengunjung

1. Masuk ke akun Blogger Sobat.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk berjaga-jaga kalau nanti terjadi kesalahan kita dapat dengan mudah mengembalikan template seperti semula.

4. Beri tanda centang di Expand Template Widget.

5. Cari kode ]]></b:skin>. Tekan Ctrl + F lalu isikan kode untuk mempercepat pencarian.

6. Copy kode di bawah ini lalu paste di atas kode tersebut.

.comment-body-author {
background: #fee6e6; /* Warna Background */
border:2px dotted #d31111; /*Border*/
margin:0;
padding:0 0 0 0px;
}

#fee6e6 merupakan warna untuk latar belakang, silakan ganti kode warnanya untuk mengubah warnanya.
2px dotted #d31111 adalah border style dot dengan ketebalan 2 piksel dan berwarna #d31111. Silakan diubah sesuai keinginan Sobat.

7. Cari kode seperti di bawah ini.biasa kode dibawah ini ada dua ( 2 ) pilih yang ke dua ( 2 ).

<b:if cond='data:comment.authorUrl'>

<b:else/>

<data:comment.author/>

</b:if>

<data:commentPostedByMsg/>

</dt>

<b:if cond='data:comment.isDeleted'>

<b:else/>

</b:if>

</dd>

8. Tambahkan kode:

<b:if cond='data:comment.author == data:post.author'>

</dd>

<b:else/>

di bawah kode:

<data:commentPostedByMsg/>

</dt>

dan kode </b:if> di bawah kode:

<b:if cond='data:comment.isDeleted'>

<b:else/>

</b:if>

</dd>

sehingga hasilnya menjadi seperti di bawah ini.

<b:if cond='data:comment.authorUrl'>

Kamis, 19 Januari 2012

0 Cara Mensubmit RSS Feed Blog ke Facebook dengan RSS Graffiti

Kamis, 01 Desember 2011

0 Membuat Translate Di Blog

0 Cara Membuat Search Box atau Kotak Pencari di Blog

0 Cara memasang translate dengan icon bendera di blog

Baca Juga Artikel Yang Di Bawah Ini :

0 Cara Pasang Google Translate Dengan Image Bendera di Blog

Cara Pasang Google Translate Dengan Image Bendera

0 Cara Pasang Tv Di Blog

Cara Pasang Tv Di Blog

1 Cara menaikkan Page Rank dan Backlink Melalui Technorati

0 Cara Mudah Membuat Logo Blog Keren! (6 Online Text Logo Generators)

0 Cara Membuat Buku Tamu Tersembunyi Di Blog

0 Cara Membuat Semua Link Terbuka Di Tab Baru

0 Cara Membuat Kotak Komentar Admin Berbeda Dengan Pengunjung

INFO

Tag Cloud Comulus Labels

TUKAR LINK YUX

Search

Total Tayangan Halaman

Contact