1 Cara Membuat / Memasang Emoticon Pada Kotak Komentar Blog

Tutorial kali ini akan membahas postingan yang berjudul Cara Membuat / Memasang Emoticon Pada Kotak Komentar Blog. Bukankah unik jika emoticon menghiasi kotak komentar blog sobat?? Apalagi Emoticon ini bisa bergerak seperti emoticon kaskus. Berikut Screenshotnya

Unyu-unyu ya? kalau begitu, langsung saja ke pembahasanya
1. Masuk ke Dasboard lalu klik Blog sobat
2. Pilih ke Template
3. Lalu pilih Edit HTML dan pilih lanjutkan
4. Centang Expand Template Widget
5. Cari kode berikut
</body>
(Gunakan CTRL+F atau F3 Untuk mempercepat pencarian)
6. Letakan kode berikut tepat diatas kode yang tadi

<script src='http://tutorialblogger.googlecode.com/files/smiley.js' type='text/javascript'/>


7. Setelah itu cari kode berikut
<b:include data='post' name='comment-form'/>
(Gunakan CTRL+F atau F3 Untuk mempercepat pencarian)

8. Jika sudah ketemu letakan kode dibawah ini tepat diatas kode yang tadi

<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
:))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)]
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
;))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
:D
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:p
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
:)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
:(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>
:X
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-o
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
:-/
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-*
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:|
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
8-}
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
~x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
b-(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
:-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
=))</b>
<center><blink><a href="http://www.densus1989.blogspot.com/2012/06/cara-membuat-memasang-emoticon-pada.html">Pasang Emoticon !</a></blink></center>


9. Simpan
Untuk yang kalimat simpannya tidak terlihat, hilangkan dulu kotak pencariannya

0 Menambah Status Yahoo Messenger Di Blog

Gadget profil adalah gadget dimana Anda bisa manampilkan foto, deskripsi tentang Anda dan link profil blogger Anda kedalam blog Anda. Untuk menambahkan widget ini cukup mudah yaitu dari menu "Layout/tata letak" kemudian klik "Add a gagdet" lalu pilih "Profile". Dan untuk mengedit profil dan foto Anda bisa melalui Dashboard blogger Anda dengan mengklik "Edit Profile" yang ada di sebelah kanan dashboard Anda.

Nah kali ini Saya akan membahas tentang bagaimana caranya menambah Status Yahoo Messenger kedalam gadget Anda, yang berhubungan dengan postingan Saya yang dulu tentang menambah Status Yahoo Messenger ke dalam blog.

0 Membuat Search Engine Pada Blog

Search Engine atau mesin pencari adalah hal pokok yang ada dalam internet, Search engine sangat berperan penting dalam pencarian di internet dan sangat membantu kita dalam pencarian web, artikel atau file-file yang ada di internet. Seperti Google, Yahoo!, MSN dan masih banyak lainya itu adalah salah satu contoh search engine yang sering kita gunakan di internet.

Seperti halnya yang diterangkan diatas Search engine dapat kita pasang di blog kita supaya pengunjung blog kita lebih mudaj mencari artikel yang kita posting di blog kita.
Di blogger tidak ada fasilitas Search engine yang tersedia melainkan kita harus membuat sendiri.
Nah gw akan membantu sedikit kalian mengenai membantu membuat search engine di blogger adalah sebagai berikut:

1. login ke blogger kemudian ke menu layout terus page elements
2. cari tempat dimana mau dipasangi search engine kemudian add a page elements
3. Kemudian pilih HTML/JavaScript
4. kemudian taruh script dibawah ke text box

<form action="http://blogmu.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

keterangan:

1. ganti tulisan blogmu dengan nama blog kamu
2. angka 30 menunjukkan panjang teks box search engine
3. tulisan search adalah nama tombol submit yang bisa kamu ganti dengan katamu sendiri

0 Widget Daftar Isi / Sitemap

Sitemap atau yang sering disebut oleh orang awam sebagai daftar isi ini sangat berguna untuk blog kita, ketika pengunjung ingin menjelajahi blog kita maka inilah peran yang harus hadir untuk mempermudah penjelajah blog kita. Kali ini saudara blogger kita Om Abu-farhan punya solusinya yaitu "The Best Table of Contents (TOC) or Sitemap for Blogger".

Seperti terlihat di blog ini yang menggunakan TOC dari Om Abu-Farhan yang Saya masukkan kedalam fitur baru blogger yaitu "Pages Blogger". Nah pada kesempatan kali ini Saya kan mengulas bagimana caranya memasang TOC kedalam halaman pages kita.

1. Langkah pertama masuk blogger.com

2. Masuk postingan Om Abu-Farhan untuk mengcopy source code seperti dibawah ini

<script style="text/javascript" src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js"></script>
<script src="http://www.abufarhan.co.cc/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Copy code diatas dan ingat ganti www.abufarhan.co.cc dengan alamat blog Anda

3. Pada Dashboard draft.blogger.com masuk pada bagian "Posting" lalu "Edit Pages"

4. Lalu klik tombol "New Pages" lalu paste code tadi kedalam post editornya

5. Setelah di SAVE akhirnya jadi juga dan sisipkan link pagesnya tadi kedalam daftar menu di blog Anda untuk navigasinya

Nah ulasan singkat mengenai Sitemap blogger yang canggih oleh Om Abu-Farhan semoga bermanfaat bagi Anda

0 Cara Mengetahui Posisi Blog Di Google

1. Kunjungi http://www.seoserp.com/web_tools/google_top_1000_serps_checker.asp
2. Pilih Target Google terlebih dahulu, misalnya Google.co.id

3. Masukkan keyword tersebut , misalnya : "Cara Mengetahui Posisi Blog Di Google"
4. Masukkan URL blog , atau domain blog, misalnya : http://wancixpaj.blogspot.com
5. Tekan tombol SERP, Tunggu sejenak.

Maka akan muncul hasilnya yang terbagi tiap urutan 1-100 , kemudian 101 sampai 200 dan seterusnya.

Nah itulah cara mudah untuk mengetahui posisi blog kita di Google, selamat mencoba dan semoga bermanfaat.
Credit : Ahmad RiFa'i

0 Cara Pasang Burung Twitter di Blog

1. Login ke blogger
2. Klik menu Tata Letak
3.  Klik Tambah Gadget, pilih gadget Html/JavaScript
4. Masukkan script animasi burung twitter terbang di dalam nya (script saya sertakan di bawah)
5. Simpan & Selesai

Berikut script animasi burung twitter terbang yang harus kamu pasang:

<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg89hMSaK680D5wCeBPMvALEbFDxHoVhpudDxmVnJSLGVSiQwdvXakIwbPeHmGSlJzV0AJztiy1VSsvfSjes2-FxSphBiN7hplbbhvvnkhdL7x-ce7ELTyzSyMf1fORHluda80UeReToy0/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/AkunTwitterKamu";
var tweetThisText = "Twitter - UserID";
tripleflapInit();
</script>

Keterangan

Silakan ganti https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg89hMSaK680D5wCeBPMvALEbFDxHoVhpudDxmVnJSLGVSiQwdvXakIwbPeHmGSlJzV0AJztiy1VSsvfSjes2-FxSphBiN7hplbbhvvnkhdL7x-ce7ELTyzSyMf1fORHluda80UeReToy0/s1600/burung+twitter+terbang.png dengan warna burung yang kamu inginkan (pilihan warna burung saya sertakan di bawah) dan jika tidak kamu ganti maka burung twitter nya berwarna biru muda.
Ganti http://twitter.com/AkunTwitterKamu dengan alamat twitter kamu

Berikut beberapa pilihan warna burung twitter yang bisa kamu pilih
Burung Twitter Warna Kuning

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTbCJgmASSEfBD1kF3w_G0TDPG5eH-VAWOBorzQrc5oje_BibDzYnRFdDy42CklkAMm3cf-VxvsJJnGEsx7lEKjWd0LTO279qVJw6uC7x2JSY2N3y5jzrv8nYL1HD3Y9xZn-x9diJGqgs/s1600/yellow+bird.png

Burung Twitter Warna Hitam

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhONr3PvwKqJC6UVWaQGHfvd9h7gNe7-JKzQqf7nA7HIhC423BHCCi8oF4CZx5CvNDI3thf7hyphenhypheneQTRnRqYkTGOQmsFrYcC8Nfqd8_dwz7fyjvkRSVgQfJjU6h1BtE1-71fOsRYQnGOX1L8/s1600/black+bird.png

Burung Twitter Warna Coklat

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6hvs5B1TU9mTvlHN6Jbnw0f-lztcQep4vAAtrPaJx51DVL8L_Uv7GIf4omEe1m3icGwNfsyybBqGvwoADNkdwrd5SmXFpH-c_CVp710moD-ai0TMC1Jj4t3nw-JQnd2GkiYpCwf6Lo48/s1600/brown+bird.png

Burung Twitter Warna Hijau

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge3rkAs7KgRts-TsvHE1muq1nsYieDEtDEvmlKvjU9tUjl34_OjFYTenXQNeVSCGBm2BYsEg-9TADMv4JrvcA9hnH6oSV1rqlIyeltbmGhBg6NWtw_JDGQ6d6pNI8fdwBpA7g-gYkUErI/s1600/Green+bird.png

Burung Twitter Warna Ungu

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDQvJqeRzcgSZrfbISOlq2zU-Nz4vVniAdNvhLHv349YmU4B-kzFMSPr5UgaD-zgIF30Ft9FH1grqfidiGz4sEHrYkRoaizvclGEOyj9XbNA7MB-M237sMkZZdTauVPYxuPH7MuDviJuo/s1600/purple+bird.png

Burung Twitter Warna Putih

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBpvcyg5fY3vl9T7XXuCieaeQyebE1vvVUbxJllsAv_YCV5yf7ioo6z7RTrx7M81AS3wLtjgjFWYZ2tYit09FQhAm-3XGGjsF6tltE5zspabbjaeAm2lmaE3rvIFdbt4Fxs_U3-XW8zpg/s1600/white+bird.png

Burung Twitter Warna Merah

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz4pHS28ejx_xFNFUCKKNlMf0nJvNBAK5qXgwS5hrXi-oOCaW7C6nwN38KkecaQHdD14gG250j4WZOH-IxJ_hhbSeepDESZxMczH6xlkKEOeC4GwVZ3ZjyjcKmej6VTeEGbt6dyuAIOZI/s1600/red+bird.png

Nah itulah beberapa warna burung twitter terbang yang bisa kamu gunakan. Sebaiknya hati-hati dalam mengganti alamat akun twitter dan warna burung, karena jika ada kode yang terhapus secara tidak sengaja saat kita menggantinya maka kemungkinan burung terbang tidak terlihat.

Selamat mencoba pasang burung twitter terbang di blog kamu, semoga bermanfaat dan semoga berhasil.

0 Buat Komentar Dibawah Postingan

1. Masuk draft.blogger.com ingan draft.blogger.com bukan blogger.com
2. Terus ke menu Setting ---> Comments kemudian ganti "Comment Form Placement" menjadi "Embedded below post"
3. Kemudian tekan Save Setting
4. Lalu ke menu Layout ---> Edit HTML kemudian
5. Lalu centang "expand widget templates" lalu cari Code dibawah ini
   
   <p class='comment-footer'>
   <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
   <data:postCommentMsg/></a>
   </p>
   
6. Kemudian ganti dengan Code dibawah ini
   
   
   <p class='comment-footer'>
   
   <b:if cond='data:post.embedCommentForm'>
   
   <b:include data='post' name='comment-form'/>
   
   <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>
7. Lalu Simpan.... dan lihat hasilnya..

Coba kamu cek ada sebuah comments gak di bawah artikel yang kamu posting...

0 Membuat Link Read More Beserta Judul Postingya

Terinspirasi oleh blognya kang rohman yang link read morenya seperti dibawah ini

>> Lanjut membaca “Alternatif Warna Kotak Komentar”

Nah pada link read more yang seperti diatas tersisip judul postingnya sesuai dengan postingan yang diberi read more.

Nah Sebelum Anas membahas untuk lebih mendalamnya bagi yang belum tau buat Read More Silahkan Baca (membuat Read More versi pertama dan membuat read more versi kedua)

Tapi yang kita bahas kali ini adalah cara membuat link Read More beserta Judul postingnya di Read More versi pertama

Oke kita langsung aja ke cara pembuatanya dehh

1. Log In ke Blogger Dan masuk ke menu Layout lalu masuk Edit HTML

2. Jangan Lupa centang kotak "Expand Widget Templates"

3. Kemudian Cari Link Raed More Anda misalnya Punya aku seperti ini

<p><data:post.body/>

<a expr:href='data:post.url'>...Baca Selengkapnya </a></p>

Kamu Lihat tulisan yang tercetak tebal diatas itu adalah Link Read More punya aku

4. Kamu tambahkan Code <data:post.title/> dan Kamu tempatkan di sebelah Link read More, Lihat Contoh Dibawah

<p><data:post.body/>

<a expr:href='data:post.url'>...Baca Selengkapnya dari.."<data:post.title/>" </a></p>

Nah diatas Adalah Contoh dari Link read More Punya ku.. kamu bisa merubah sesuai keinginan kamu

5. Save..

Sekian deh semoga bermanfaat bagi Anda...

Ucapan terimakasihku pada Kang rohman sukses buat Anda

1 Cara Memasukkan Lagu Sendiri Ke Blog

Sumber : Here

Kali ini saya akan Memberitahu kalian bagi yang belum bisa memasukan Lagu sendiri Ke Blog
Ok langsung saja Siapkan Bahan bahan nya :

• Convert MP3 to SWF Download di sini Untuk yang masih Tial cari Crack nya sendiri ya !
• MP3 nya misal lagu wali.mp3
• Akun Indowebster

Step Pertama :

1. Instal Convert MP3 to SWF
2. buka Convert MP3 to SWF
3. Add File > Mp3 nya > Option edit sesuai hati lihat gambar di bawah ini
                     Klik gambar untuk memperbesar
   
4. Lalu Ok and Klik kanan pada list MP3 > Convert To SWF
5. Login Indowebster > Upload File
6. Jika Sudah Download Swf yang tadi di Upload
7. terus Ambil Link nya kaya gambar Di bawah
      Klik gambar untuk memperbesar
   
   
8. Lalu ke Blog > Tambah Gadget > HTM/Java Script
9. Masuka Kode Seperti ini

<Embed
src="Link Swf Anda" autostart="TRUE" loop="TRUE" align="MIDDLE" width="178" height="25"></embed> Judul lagu nya

Ini Contoh Script Di Blog ane

<embed src="http://xover2.jkt.3d.x.indowebster.com/download-vip/91/p16v323ug311o27in18fa3s313583.swf/%5Bwww.indowebster.com%5D-DJ_Mujava_-_Mugwanti.swf" autostart="TRUE" loop="TRUE" align="MIDDLE" width="380" height="20"></embed> Back Sound: DJ Mujava-Mugwanti

Keterangan :

• Biru : Di ganti dengan Link SWF anda
• Hijau : Ukuran ( Bisa di ganti sesuai keinginan anda )
• Merah : Judul lagu Bisa di tambahkan atau tidak juga gpp !

Klik Simpan and selesai !

Thanks Semoga bermanfaat
Credit By : Sopyan Or Uzop

0 Cara Membuat Power Saving Mode

Langsung aja gan:
1. buka Akun Blogger kalian
2. lalu seperti biasa pergi ke Edit HTML
3. cari Kata </head>, lalu Paste HTML Berikut sebelum Kata </head>

<!-- save your energy --> <script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/> <!-- save your energy end -->

4.  Simpan Template...

Nah...yang tadi itu untuk membuat System Power saving Mode....

Sekarang cara untuk Menambahkan Foto pada System Power Saving Mode...

1. Buka Akun Blogger kalian

2. Buka Rancangan - Elemen Laman - Tambah Widget

3. Pilih HTML/Javascript 

4. Masukan HTML ini 

style type='text/css'> div#energysaving, div#energysaving * { -moz-border-radius: 0; -webkit-border-radius: 0; border: 0; background: url(Link Gambar Anda) no-repeat center center fixed black; } div#energysaving p { margin: 0; padding: 0; width: 100%; font-size: 0px; font-family: arial; color: transparent; position: relative; top: 40%; line-height: 20px; font-weight: bold; text-align: center; text-shadow: none; display: none; } div#energysaving p { color: transparent; font-size: 0px; font-weight: normal; display: none; } </style>

5.  Save

.................Untuk Meng Copy Kode Script di atas ,Siapkan Notepad

kalian tinggal Block Semua Teks Script  yang ada di atas lalu Drag ke Notepad ! .................

Credit : om Sopyan

0 Mengatasi Proteksi Klik Kanan Pada Website Atau Blog

Ada beberapa cara untuk mengcopy website mereka antaralain :

Dengan menyimpan Website mereka ke file berbentuk HTML, caranya, pada brows klik menu file, Save Page As, maka website mereka dapat tersimpan beserta posting mereka di file komputer kita dan kita dapat membukannya secara off line

Dengan menyorot artikel mereka kemudian menekan tombol Ctrl+C, kemudian di pastekan di program Notepad, maka isi posting mereka sudah tercopy ke komputer kita. apalagi bila dipaste di microsoft word, maka seluruh isi posting mereka berikut gambar-gambarnya dapat kita ambil menjadi sebuah file word

Dengan cara menggunakan tombol Print Screen, kemudian di pastekan dengan menggunakan program adobe Photoshop atau Pain brush dan simpan dalam file berbentuk tif kemudian dengan menggunakan fasiltas menu Recognize text using OCR, lalu setelah menjadi teks gunakan menu Send text to word.

Dapat juga dengan cara mendisable atau menon aktifkan program java script, yang mencegah klik kanan dengan menggunakan sebuah addons mozilla firefox, nama program tersebut adalah RightToClick, silahkan Download Disini bila keluar pesan tidak dapat klik kanan, centrang kotak stop Klik kanan kemudian klik Ok, maka anda bisa menggunakan klik kanan mouse sepuasnya

Bisa dilakukan dengan cara “Mendisable JavaScript“, disemua browser ada fungsi ini. Silakan lakukan eksperimen untuk mencari dimana letak informasi mengenai “Disable JavaScript“, berikut ulasan penjelasannya:

Disable JavaScript in Internet Explorer (IE)

1) Buka Internet Explorer (IE)

2) Pada Menu Navigasi Klik: Tools – Internet Options

3) Pilih Pada: Security Tab – Custom Level

4) Scroll Down sampai ketemu “Active Scripting” dan Klik “Disable”

5) Ok.

Disable JavaScript Mozilla Firefox

1) Buka Mozilla Firefox

2) Pada Navigasi Menu Klik: Tools – Options

3) Kemudian Klik: Content tab, Un-check “Enable JavaScript”

4) Ok

Disable JavaScript Google Chrome

1) Pada Google Chrome Shortcut, Klik Kanan -> Pilih Properties.

2) Pada field textbox “Targeted file“, tambahkan “-disable-java” pada bagian belakang.

1 2

Jadi sebenarnya percuma saja kan fasilitas tersebut dipasang di website 

Tutorial by: DunovSR

Original: http://dunovteck.wordrpess.com