Membuat Widget Popular Posts/Artikel Terbaru


Edy Sofiah
Widget Popular Posts/Artikel Terbaru berfungsi untuk menampilkan daftar artikel yang paling banyak dikomentari. Ini berfungsi untuk membantu orang lain melihat artikel apa yang paling menarik di blog anda.
Langsung aja yuk..

1. Silahkan Login ke akun blogger anda

2. Pilih Layout(Tata Letak) -> Elemen Laman

3. Copy dan paste kode berikut ke dalam kotak content

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)

{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
} 
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=1a1c6e4e6d4f148e3650fda46910e15f&url=http%3A%2F%2Floadingxloading.blogspot.com&num=10" type="text/javascript"></script><span style="font-size:9px;"><a href="http://loadingxloading.blogspot.com">Get this widget!</a></span>

NB:
-Nama loadingxloading.blogspot.com diganti dengan nama blog anda tanpa http://
-Angka 10 menunjukkan banyak artikel yang akan ditampilkan dalam blog anda 

4. Selesai..

Mudah bukan..??
Category: 0 komentar

Cara Menulis JavaScript ke Dalam Entri


Edy Sofiah

Jika kita langsung menulis kode <head> ke dalam entri blogger pasti ditolak.

Ini sekadar berbagi pengalaman saja, mumpung ada waktu senggang..^!^
Terkadang saat kita ingin menulis JavaScript ke dalam blog, seperti "<head>", teks tersebut akan hilang sendiri di dalam entri kita. Sebenarnya yang kita butuhkan hanyalah situs penyedia jasa utk merubah kode tersebut ke dlm kode lain yang bisa diterima di dlm format entri blogger. Mudah kok..

Langkah-langkahnya:
1. Copy kode yang ingin diubah, seperti <head>
2. Buka situs ini dihalaman baru http://www.blogcrowds.com/resources/parse_html.php 
3. Paste kode <head> ke dalam kotak Parse
4. Klik Parse
5. Copy kode yang ada di kotak berjudul "Your code has been parsed, copy & paste into your template code."
6. Selesai..
Category: 0 komentar

Membuat Warna/Gambar Di Belakang Tulisan


Edy Sofiah

Membuat warna/gambar di belakang tulisan postingan, kadang-kadang diperlukan juga saat kita ingin menonjolkan kode-kode atau kata-kata penting lainnya di postingan kita. Saya akan membahas secara ringkas dan jelas tentunya..^^

Untuk membuat tulisan seperti di atas, berikut adalah langkah-langkahnya beserta kodenya:
1. Login ke akun Blogger anda
2. Pada bagian Entri Baru, ketik tulisan yang ingin di warnai di antara kode berikut:

<div style="background:#D9D7D7; text-align:justify; font-size:120%">
Tulisan yang ingin diwarnai
</div>

NB:
-#D9D7D7 adalah kode untuk warna latar belakang tulisan anda, setelah anda paste kode berikut, akan berubah menjadi RGB(Red Green Blue), sama saja caranya, pilih warna yang ingin di taruh, tulis RGB warna anda di kode tersebut
-Angka 120 adalah besar tulisan huruf anda

Bagaimana dengan gambar di belakang tulisan??Lihat contohnya yuk..
Ini adalah contoh tulisan di belakang gambar

Untuk membuat tulisan seperti di atas, berikut adalah langkah-langkahnya beserta kodenya:
1. Login ke akun Blogger anda
2. Pada bagian Entri Baru, ketik tulisan yang ingin di depan gambar di antara kode berikut:



<div style="background:url(URL gambar anda) repeat;">
Kalimat yang ingin di belakang gambar 
</div>

NB:
-Untuk mengupload dan mengambil URL gambar anda dari internet, telah dibahas dalam postingan Mengganti Icon Blogger Anda
-URL gambar anda merupakan URL dari gambar yg di belakan tulisan anda 
-Kalimat yang ingin di belakang gambar diganti dengan tulisan anda

Selamat mencoba!!^/^
Category: 0 komentar

Memisahkan Artikel di Blog Archive/Arsip Blog


Edy Sofiah

Saya hanya ingin berbagi pengetahuan tentang memisahkan arsip di blog archive, caranya simpel kok..^>^ Untuk memisahkan arsip pada bulan-bulan tertentu,seperti pada gambar di samping ini, hanya perlu merubah bulan yang berbeda pada entri.




Berikut adalah langkah-langkahnya:

1. Seperti biasa, login ke akun Blogger anda
2. Pilih entri yang ingin di atur arsip blognya.
3. Klik tanda panah kecil Post Options yang ada di bagian bawah entri


4. Pilih Dijadwalkan pada, kemudian atur bulan entri tersebut








5. Setelah selesai, klik Terbitkan Entri. Mudah kan..??

Selamat mencoba..
Category: 9 komentar

Menghilangkan Verifikasi Kata Dari Kotak Komentar


Edy Sofiah
Kadang saat kita ingin sekali memberikan "pujian" maupun "pertanyaan" kepada penulis artikel di blog tertentu, kita akan diminta untuk memasukkan kata verifikasi yang ada di dalam gambar, itu sering kali membuat orang kesal dan tidak ingin memberikan komentar kepada artikel dari blog itu, apalagi saat koneksi internet kita lambat.
Jadi, agar orang lain tidak kesal dan senang untuk memberikan komentar di artikel kita, ayo kita hilangkan kata verifikasi di kotak komentar kita

Berikut langkah-langkah menghilangkan kata verifikasi dari kotak komentar:
1. Login ke akun blogger anda
2. Pilih Pengaturan -> Komentar

3. Cari pilihan seperti berikut dan kemudian pilih di bulatan tidak






4. Ingat klik Simpan Setelan ya..

Semoga bermanfaat,
Category: 0 komentar

Membuat Emoticon di Kotak Komentar


Edy Sofiah
Setelah saya melakukan blogwalking, ternyata pake emoticon di kotak komentar bagus juga ya..^;^ Jadi, gak ada salahnya jika kita mencoba utk menaruh emoticon di kotak komentar kita, ya kan??Langsung aja yuk..

Berikut adalah langkah-langkahnya:

1. Pertama-tama, login ke akun blogger anda
2. Pilih Layout(Tata Letak) -> Edit HTML, centang kotak Expand Widget Template
3. Jangan lupa Download Template Lengkap buat jaga-jaga..
4. Cari kode bercetak tebal berikut dengan menekan Ctrl+F di keyboard

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

NB:
-Kode <p class='comment-footer'> ada 2 di kode HTML kita, pilih kode yang kedua sesuai dengan tampilan di atas
-Jika anda tidak menemukan kode <p class='comment-footer'&gt, maka coba dengan menggunakan kode <p class="comment-footer"> 

5. Letakkan kode-kode berikut setelah kode <p class='comment-footer'>

<b><img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04210.gif' width='40'/>
:a:
<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04212.gif' width='40'/>
:b:
<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04213.gif' width='40'/>
:c:
<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04219.gif' width='40'/>
:d:
<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04220.gif' width='40'/>
:e:
<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04224.gif' width='40'/>
:f:
<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04231.gif' width='40'/>
:g:
<br/><img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04233.gif' width='40'/>
:h:
<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04247.gif' width='40'/>
:i:
<img src='http://sites.google.com/site/diesilversite/smileys/Ad
dEmoticons04235.gif' width='40'/>
:j:
<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04241.gif' width='40'/>
:k:
<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04236.gif' width='40'/>
:l:
<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04217.gif' width='40'/>
:m:
<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04237.gif' width='40'/>
:n:
</b>


Hasilnya:



:a:

:b:

:c:

:d:

:e:

:f:

:g:

:h:

:i:

:j:

:k:

:l:

:m:

:n:


6. Letakkan kode berikut sebelum kode </head>




<script src='http://ardi33.fileave.com/smileyyahoo.js' type='text/javascript'/><br /><script src='http://ardi33.fileave.com/smileyturtle.js' type='text/javascript'/><br /><script src='http://h1.ripway.com/pinginbelajar/042009/emoticon_yahoo.js' type='text/javascript'/><br /><script src='http://h1.ripway.com/pinginbelajar/042009/comment_emoticon.js' type='text/javascript'/>
 
7. Klik Simpan Template dan lihat perubahan di kotak komentar anda..^^


Selamat mencoba,

Category: 2 komentar

Tentang Tukaran Link


Edy Sofiah
Postingan kali ini sekadar berbagi pengalaman saja, kalau yang sudah webmaster pasti sudah sangat mengerti tentang tukaran link ini.. Jadi, saya akan membahas secara jelas dan detail tentang tukaran link bagi para blogger pemula, ok??

Cara membuat tukaran link:

Pilihan 1:
1. Masuk ke dasbor blogger anda
2. Pilih Tata Letak -> Elemen Laman
3. Pilih Tambah Gadget -> Daftar Link














- Judul merupakan nama yang akan ditampilkan di halaman depan blog anda
- Jumlah tautan merupakan jumlah tautan yang akan ditampilkan di blog anda
- Menyortir merupakan pilihan utk menyortir daftar link kita
- URL Situs Baru merupakan URL dari blog yang akan anda tambahkan
- Nama Situs Baru merupakan nama dari URL yang akan ditambahkan
- Tambahkan Tautan jika anda sudah selesai mengisi data-data diatas

Pilihan 2:
Anda dapat menghemat tempat dari sidebar blog anda tanpa membuat daftar link seperti pilihan 1, yaitu dengan membuat tempat tukaran link seperti yang ada di blog ini, yaitu tab Blog Teman

1. Masuk ke dasbor blogger anda
2. Pilih Tata Letak -> Elemen Laman
3. Pilih Tambah Gadget -> Laman

















- Judul merupakan nama yang akan ditampilkan di tab Elemen Laman anda
- Laman yang ditampilkan merupakan laman yg akan ditampilkan di blog anda
- Simpan, jika anda sudah selesai mengisi data-data diatas

4. Setelah itu, pilih Posting -> Edit Laman
5. Klik Buat Laman
6. Masukkan judul laman (misalnya: Blog Teman) dan beserta isinya (misalnya: link dari blog lain). Ingat! Laman tidak sama dengan Entri, jadi anda tidak dapat menulis banyak entri di laman.

Keuntungan Tukaran link:
Apa ada keuntungan dari tukaran link ini??Tentu ada gunanya.

1. Semakin banyak link di blog anda, maka search engine akan menganggap blog kita semakin penting, dan tentunya ini akan meningkatkan alexa rank kita. Namun, dianjurkan untuk tukaran link dengan Alexa Rank dan Page Rank(PR) yang tinggi.

2. Bila link dari blog kita makin banyak terdapat di blog-blog dengan alexa rank dan page rank yang tinggi, akan meningkatkan traffic blog kita. Bagaimana bisa?? Karena jika link blog kita terlihat menarik oleh orang lain dan mencoba untuk melihat isi dari blog kita, tentu akan meningkatkan traffic blog kita

Pertanyaan yang sering muncul:
1. Kenapa ada blog yg tidak tersedia fitur tukaran link??
Jwb: Ada sebagian blogger yang tidak suka dengan tukar-tukaran link, menurut mereka ini tidak perlu dan tidak efisien. Jadi, tidak semua blog tersedia fitur tukaran link.

2. Kenapa ada blog yang tinggal menyuruh kita mengopi kode HTML di dalam kotak scroll dan ada yang berupa nama dan URL blog tersebut??
Jwb: Jangan bingung! Jika Anda disuruh mengopi kode HTML seperti gambar berikut, maka anda cukup mengopi kode tersebut dan paste di laman blog anda. Maka akan secara otomatis link tersebut berubah menjadi gambar yang ditampilkan. Fungsinya sebenarnya sama saja, hanya saja jika gambar, lebih bisa memikat pandangan orang lain


















Jika anda melihat tukaran link yang seperti ini, cukup tulis judul yg diminta dan di-link ke URL tersebut






Seperti begini: Belajar Blog??Tempatnya disini..

3. Bagaimana menaruh link HTML seperti gambar VCJ diatas di bagian Daftar Link?

Jwb: Anda tidak dapat menaruh link HTML di bagian daftar link, kecuali di bagian Teks (Tata Letak -> Elemen Laman -> Tambah Gadget -> Teks -> Edit HTML), itulah sebabnya tidak banyak orang yang mau membuat daftar link di blog mereka. Lebih banyak membuat laman (Tab baru) di blog mereka.

Terima kasih

Jika anda ingin copas (copy-paste) artikel ini, silahkan saja, namun harus disertai catatan kaki ini ya..
Sumber: http://loadingxloading.blogspot.com

Tags: , , ,
Category: 0 komentar

Menaruh Emoticons di Postingan Kita


Edy Sofiah
Setelah lama gak blogging, akhirnya hari ini saya mempunyai waktu senggang untuk menulis artikel "lagi"..Postingan kali ini simpel aja sih.. , buat hiasin di blog kita dengan emoticon2, agar pengunjung gak bosan-bosan baca artikel kita, ya kan?? Saya juga dah ambil emoticon dari artikel saya tentang Membuat emoticon di kotak komentar, biar lebih banyak pilihannya.

Caranya..??
Tinggal copas(copy-paste) script di bawah emoticon yg anda inginkan ke dalam postingan anda, tapi INGAT copasnya di bagian Edit HTML kemudian baru klik Compose balik ya..

Ni emoticon2nya:


<img src="http://photos1.blogger.com/blogger/7678/802/1600/wink.gif">

<img src="http://photos1.blogger.com/blogger/7678/802/1600/biggrin.gif">

<img src="http://photos1.blogger.com/blogger/7678/802/1600/cool.gif">

<img src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif">

<img src="http://photos1.blogger.com/blogger/7678/802/1600/sad.gif">

<img src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif">
      
<img src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif">

<img src="http://photos1.blogger.com/blogger/7678/802/1600/smile.gif">  



<img src='http://sites.google.com/site/diesilversite/smiley/AddEmoticons04210.gif' width='40'/>


<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04212.gif' width='40'/>


<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04213.gif' width='40'/>


<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04219.gif' width='40'/>


<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04220.gif' width='40'/>


<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04224.gif' width='40'/>


<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04231.gif' width='40'/>


<br/><img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04233.gif' width='40'/>


<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04247.gif' width='40'/>


<img src='http://sites.google.com/site/diesilversite/smileys/Ad
dEmoticons04235.gif' width='40'/>


<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04241.gif' width='40'/>


<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04236.gif' width='40'/>


<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04217.gif' width='40'/>


<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04237.gif' width='40'/> 

NB:
Width='40', dapat diganti dengan ukuran2 lainnya..

Moga2 orang ga bakal bosan" baca artikel kita dan ingin terus,terus, dan terus membaca artikel kita sampai habis..
Category: 0 komentar
Langganan: Postingan (Atom)