Tips Membuat Tulisan Arab, Mandarin, Jepang di Facebook
11 tahun yang lalu
Jika kalian mengamati blog ini pasti kalian tahu ada yang berubah sedikit, yaitu pada tulisan "Di Poskan oleh" yang sekarang telah berganti menjadi "Tested And Work By :" ingin tahu cara menggantinya? kalau iya silahkan ikuti tutorial d bawah ini :
Caranya :
1. Seperti biasa di tutorial "Trik Blog" di blog ini, pertama masuk ke "Blogger Home"
2. Masuk ke "Template"
3. klik "Edit Html"
4. Ceklis Box/Kotak "Expand Widget Template"
5. Cari kode "<data:authorlabel/>" atau jika tidak ada cari kode "<data:post.author/>" maka disampingnya akan ada kode yang mirip seperti kode "<data:authorlabel/>
6. Jika sudah ketemu silahkan ubah kode tersebut dengan kata-kata yang anda mau.
7. Klik save dan selesai.
Source of this article : http://zone-uchiha.blogspot.com/2012/06/cara-mengubah-tulisan-di-poskan-oleh-di.html#ixzz2T5CGC0J6
Ok langsung saja, berikut tutorialnya :
1. Login ke blog mu.
2. Masuk ke Template.
3. Klik Edit HTML.
4. Cari code </head> agar lebih mudah tekan saja Ctrl+F.
5. Jika sudah ketemu codenya silahkan masukan code di bawah ini, tepat di atas code </head>
<style type='text/css'>body, a:hover {cursor: url(http://i.imgur.com/p8qoU.png), url(http://i.imgur.com/p8qoU.png), progress;}</style><style type='text/css'>a, a:link, a:active, a:visited, a:hover {cursor: url(http://i.imgur.com/5f4CT.png), progress;}</style><style type='text/css'>img, a:hover {cursor: url(http://i.imgur.com/5f4CT.png), progress;}</style>
6. Klik Simpan Template.
7. Dan selesai silahkan lihat blog mu.
Keterangan :
- Ganti code berwarna merah dengan Url Cursor mu.
- Ganti code berwarna biru dengan Url Cursormu dan untuk code warna biru gambar cursornya akan terlihat ketika mengarah ke sebuah link/gambar.
Source of this article : http://zone-uchiha.blogspot.com/2012/12/cara-mengubah-cursor-blog-full-version.html#ixzz2T5BcVBiT
Ok langsung saja berikut caranya :
1. Buka "Blogger Home"
2. Buka "Template"
3. Klik "Edit Html"
4. Cari kode ></b:skin> agar lebih mudah silahkan tekan Ctrl+F untuk mencari.
5. Jika sudah ketemu masukan kode di bawah ini tepat di atas kode ></b:skin>
Source of this article : http://zone-uchiha.blogspot.com/2012/06/cara-mengubah-warna-scroll-bar-pada.html#ixzz2T5AjkcqJ
1. Buka "Blogger Home"
2. Buka "Template"
3. Klik "Edit Html"
4. Cari kode ></b:skin> agar lebih mudah silahkan tekan Ctrl+F untuk mencari.
5. Jika sudah ketemu masukan kode di bawah ini tepat di atas kode ></b:skin>
::-webkit-scrollbar {height:12px;width: 12px;background: #000000;}::-webkit-scrollbar-thumb {background-color: #e61d1d;-moz-border-radius: 10px;border-radius: 10px;}6. Klik simpan dan lihat blog mu sekarang, jika tidak ada yang berubah silahkan berkomentar..
Source of this article : http://zone-uchiha.blogspot.com/2012/06/cara-mengubah-warna-scroll-bar-pada.html#ixzz2T5AjkcqJ
Cara Memfilter Komentar Kotor di Blog
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. Taruh kode berikut di atas kode <body>
6. Ganti katakotor1, katakotor2, katakotor3 dengan kata yang kamu anggap tidak pantas ditampilkan di komentar, dan bisa kamu tambah lebih banyak lagi.
7. Cari kode <p><data:comment.body/></p> dan ganti dengan kode berikut
8. Jika sudah selesai Simpan Template.
Sekarang sudah bisa diuji coba, coba komentar dengan menggunakan kata yang sudah disensor tadi, maka dalam komentar kata kotor itu akan diganti dengan ****. Jika blogmu tidak menerapkan moderasi komentar secara manual, sepertinya cara ini bisa dimanfaatkan untuk menjaga blog tetap bersih. ;)
Source of this article : http://zone-uchiha.blogspot.com/2012/05/cara-mensensor-kata-kata-kotor-pada.html#ixzz2T5ACdMJZ
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. Taruh kode berikut di atas kode <body>
<script type='text/javascript'>
//<![CDATA[
function badwordfilter(ID){
var comm = document.getElementById(ID);
var comment = comm.innerHTML;
var reBadWords = /katakotor1|katakotor2|katakotor3/gi;
comment1 = comment.replace(reBadWords, "****");
comm.innerHTML = comment1;
comm.style.display = "block";
}
//]]>
</script>
6. Ganti katakotor1, katakotor2, katakotor3 dengan kata yang kamu anggap tidak pantas ditampilkan di komentar, dan bisa kamu tambah lebih banyak lagi.
7. Cari kode <p><data:comment.body/></p> dan ganti dengan kode berikut
<p><div expr:id='data:comment.id' style='display:none;'>
<data:comment.body/>
</div>
<script type='text/javascript'>badwordfilter("<data:comment.id/>");
</script></p>
8. Jika sudah selesai Simpan Template.
Sekarang sudah bisa diuji coba, coba komentar dengan menggunakan kata yang sudah disensor tadi, maka dalam komentar kata kotor itu akan diganti dengan ****. Jika blogmu tidak menerapkan moderasi komentar secara manual, sepertinya cara ini bisa dimanfaatkan untuk menjaga blog tetap bersih. ;)
Source of this article : http://zone-uchiha.blogspot.com/2012/05/cara-mensensor-kata-kata-kotor-pada.html#ixzz2T5ACdMJZ
1. Menggunakan Widget : Jika menggunakan widget orang yang bisa mengganti backround blog hanyalah pengunjung jadi saya rasa itu tidak menyenangkan dan mengotori blog dengan widget yang menurut saya tidak berguna!
2. Menggunakan Tab "ubahsesuaikan" : Jika menggunakan cara ini sangatlah mudah kita hanya perlu menyediakan bahan lalu tinggal upload atau kita bisa mencari backgroundnya di internet lalu tinggal copas linknya tetapi tidak semua template blog bisa menggunakan cara ini rata-rata yang bisa menggunakan cara ini hanyalah template bawaan dari blogspot!
Ok langsung saja tanpa perlu banyak basa-basi lagi saya akan memberitahu kalian Cara Mengganti Background Blog Lewat Edit Html yang saya rekomendasikan ini kepada kalian :
1. Masuk ke Blogger Home!
2. Masuk ke tab Template.
3. Klik "Edit Html"
4. Cari kode body { silahkan gunakan Ctrl+F agar lebih mudah.
5. Mungkin akan keluar banyak yang mirip dengan kode yang saya sebutkan tadi, maka dari itu pilihlah kode yang pertama! kurang lebih kodenya seperti di bawah ini :
Ket
- Jika gambar/background yang kamu pasang bukanlah background yang bergerak (bukan berformat Gif) maka hapuslah kode repeat;fixed;
Source of this article : http://zone-uchiha.blogspot.com/2012/05/cara-mengganti-background-blog-lewat.html#ixzz2T592EKTo
2. Menggunakan Tab "ubahsesuaikan" : Jika menggunakan cara ini sangatlah mudah kita hanya perlu menyediakan bahan lalu tinggal upload atau kita bisa mencari backgroundnya di internet lalu tinggal copas linknya tetapi tidak semua template blog bisa menggunakan cara ini rata-rata yang bisa menggunakan cara ini hanyalah template bawaan dari blogspot!
Ok langsung saja tanpa perlu banyak basa-basi lagi saya akan memberitahu kalian Cara Mengganti Background Blog Lewat Edit Html yang saya rekomendasikan ini kepada kalian :
1. Masuk ke Blogger Home!
2. Masuk ke tab Template.
3. Klik "Edit Html"
4. Cari kode body { silahkan gunakan Ctrl+F agar lebih mudah.
5. Mungkin akan keluar banyak yang mirip dengan kode yang saya sebutkan tadi, maka dari itu pilihlah kode yang pertama! kurang lebih kodenya seperti di bawah ini :
body {6. setelah itu masukan kode url('Taruh link backgroundmu di sinI'); di samping kode background: #000000 dan kode repeat;fixed; di bawah kode tadi, maka akan menjadi seperti ini :
background: #000000;
margin:0;
text-align:center;
line-height: 1.5em;
font:x-small Trebuchet MS, Verdana, Arial, Sans-serif;
body {7. Jika semua cara di atas telah selesai silahkan akhiri dengan mengklik tombol "Simpan Template"
background: #000000 url('Taruh link backgroundmu di sinI'); repeat;fixed;
margin:0;
text-align:center;
line-height: 1.5em;
font:x-small Trebuchet MS, Verdana, Arial, Sans-serif;
Ket
- Jika gambar/background yang kamu pasang bukanlah background yang bergerak (bukan berformat Gif) maka hapuslah kode repeat;fixed;
Source of this article : http://zone-uchiha.blogspot.com/2012/05/cara-mengganti-background-blog-lewat.html#ixzz2T592EKTo
Cara ini saya dapatkan karena saya merasa herana dengan para blogger indonesia, "Heran Kenapa?" ya begitulah saya heran karena banyak yang menggunakan cara ini, lalu saya tertarik dengan cara ini kemudian saya gunakan cara ini dan memasangnya pada blog utama/pribadi saya yaitu ™ Uchiha Community ™, ok langsnug saja yang mau tahu caranya ikuti saja tutorial di bawah ini :
1. Login ke blog kalian.
2. Masuk ke "Template"
3. Klik "Edit Html" lalu ceklis "Expand Widget Template"
4. Cari kode ]]></b:skin> jika sudah masukan kode di bawah ini tepat di atas kode ]]></b:skin> :
.author-comments {
background: #333333;
border: 2px solid #666666;
padding: 5px;
}
5. Cari kode :
<data:commentPostedByMsg/></dt>6. Jika sudah masukan kode di bawah ini tepat di bawah kode tadi :
<b:if cond='data:comment.author == data:post.author'>7. Kemudian cari kode <dd class='comment-footer'> setelah itu masukan kode </b:if> tepat di atas kode tadi.
<dd class='author-comments'>
<p><data:comment.body/></p>
</dd>
<b:else/>
8. Jika sudah susunan kode akan menjadi seperti di bawah ini :
<data:commentPostedByMsg/>9. Klik "Simpan" dan selesai.
</dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='author-comments'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
</b:if>
<dd class='comment-footer'>
Akhirnya tutorial ini selesai juga..
Salam Uchiha! dan jangan lupa mapir terus ke ™ Uchiha Community ™ ya..
Source of this article : http://zone-uchiha.blogspot.com/2012/06/cara-membuat-kotak-komentar-admin.html#ixzz2T57qER00
Membuat Komentar Facebook di Blog selain dapat membuat blog terlihat lebih bagus dan rapih, para pengunjung pun akan lebih di mudahkan dalam berinteraksi dengan anda melalui Kotak komentar karena sebagian pengunjung anda pastinya ada yang sudah login ke akun Facebook, jadi mereka pun akan lebih mudah berkomentar.
Tetapi jika kita menambahkan komentar Facebook dan etap mempertahankan Kotak komentar Default blog tentu akan membuat blog keliatan tidak dinamis karena terlalu memanjang ke bawah, nah oleh sebab itu saya akan memberikan Cara Membuat Komentar Facebook Berdampingan dengan Komentar Blog.
Berikut adalah Screenshot nya
Bagaimana ingin mencoba Komentar berdampingan tersebut.
1. Login ke Blog
2. Rancangan - Edit HTML
3. Untuk menghindari keselahan, Backup template anda terlebih dahulu dengan Download lengkap
4. Centang "Expand Template Widget"
5. Cari Kode <div class='comments' id='comments'>
Biasanya akan terdapat 2 kode tersebut di template anda
Copy kode di bawah ini tepat di bawah kode <div class='comments' id='comments'> yang ke 2
<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'>
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/ alt='http://zone-uchiha.blogspot.com | ™ Uchiha Community ™ | The Clan Uchiha | ZUClanS | Uchiha Melvin'>
<fb:comments-count expr:href='data:post.url'/> Comments
</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'>
<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif' alt='http://zone-uchiha.blogspot.com | ™ Uchiha Community ™ | The Clan Uchiha | ZUClanS | Uchiha Melvin'/> <data:post.numComments/> Comments </div><div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='400'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>
2 : Jumlah Komentar Facebook yang akan di tampilkan
400 : Lebar Komentar Facebook
6. Lalu Cari kode </head>
Copy Kode dibawah ini tepat diatas kode </head>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='ID Facebook' property='fb:admins'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(".comments-tab").addClass("inactive-select-tab");
$(selectTab).removeClass("inactive-select-tab");
$(".comments-page").hide();
$(selectTab + "-page").show();
}
</script>
ID Facebook : Ganti dengan ID Facebook anda yang terletak di bagian belakang browser URL Profil Facebook anda, Misalkan http://www.facebook.com/melvin.alwaysforyou ID Facebooknya adalah melvin.alwaysforyou
7. Cari kode /* Comment atau #comments
Setiap Template mempunyai struktur kode yang berbeda-beda, jadi cari saja kode yang mirip dengan kode diatas
Copy kode berikut di bawah kode diatas tadi
.comments-page { background-color: #f2f2f2;}
#blogger-comments-page { padding: 0px 5px; display: none;}
.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}
.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}
.comments-tab:hover { background-color: #eeeeee;}
.inactive-select-tab { background-color: #d1d1d1;}
8. Simpan
Selesai, sekarang anda sudah mempunyai Komentar Facebook Berdampingan dengan Komentar Blog.
Akhirnya tutorial ini selesai, dan saatnya saya katakan Salam Uchiha! sering-sering mampir ke Blog Tips N triks ya.. agar tidak di anggap jadul..
hehehe just kidding..
Source of this article : http://zone-uchiha.blogspot.com/2012/06/cara-membuat-komentar-blog-dan-facebook.html#ixzz2T56sckmV
