Subscribe to web2feel.com
Subscribe to web2feel.com

.

.

Showing posts with label Blogging. Show all posts
Showing posts with label Blogging. Show all posts

Blogger Recent Posts Widget With Thumbnail

Posted by swilsarblog Tuesday, January 26, 2010 0 comments

FITUR - FITURNYA
Widget ini memiliki banyak kustomisasi dan Anda dapat:

  • Ubah Widget Judul
  • Kontrol Widget Tinggi
  • Ubah Blog Url feed, Anda dapat mengambil posting dari blog lain
  • Tampilan post thumbnail
  • Tampilan posting ringkasan
  • Sesuaikan post Ringkasan panjang
  • Tampilan post date
  • Display jumlah komentar
  • Menampilkan link Selengkapnya
  • Display a Separator b / w posting

Bagaimana Untuk membuat widget ini

Ini sangat mudah untuk men-setup widget ini,
Silakan pergi ke account blogger Anda, dan klik layout, pada Elemen Halaman halaman, silahkan klik Add A Gadget pada sidebar Anda,

Dalam jendela yang baru terbuka Anda akan menemukan bar pencarian, silakan masukkan kata kunci berikut dan tekan enter "posting terbaru dengan thumbnail",
kemudian dalam hasil Anda akan menemukan sebuah widget yang disebut: lanjutan posting terbaru
kemudian klik (tambahkan) ikon dan pastikan untuk mengklik ikon menambahkan bahwa di sebelah lanjutan posting terbaru widget.

Blogger Recent Posts Widget With Thumbnail

And on the next page, please customize you widget, and once you finish please click Save

Full Story

Share Box untuk Blogger anda,,

Posted by swilsarblog 0 comments

Bookmark sosial kini merupakan faktor yang sangat penting ketika datang ke blog Anda seo, karena dapat memberi Anda banyak back link, dan aku yakin bahwa Anda ingin membuat mudah bagi pengunjung untuk berbagi dan penunjuk posting blog Anda.
Jadi di sinilah aku daftar 6 terbaik sharing dan bookmark widget untuk blogger (blogspot) pengguna Dan saya akan menjelaskan masing-masing dan akan mengatakan kepadamu dan pro kontra untuk masing-masing.


1. AddtoAny

Add to any for blogger
AddtoAny.com

  • Lebih dari 120 situs bookmark
  • Pengguna dapat mencari layanan khusus
  • Memungkinkan pengguna untuk mengirim halaman anda untuk seorang teman melalui email.
  • Memungkinkan pengguna untuk mem-bookmark blog Anda pada browser mereka
  • Customizable mudah.

2. AddThis

AddThis for blogger
Addthis.com

  • Terpintar berbagi alat lamanya.
  • Terbesar koleksi layanan, dan berkembang. 170 + jasa
  • Otomatis diterjemahkan dalam lebih dari 50 bahasa.
  • Sesuaikan warna dan menu
  • Track bagaimana pengguna Anda berbagi dengan analisis.

3. ShareThis

ShareThis for blogger
ShareThis.com

  • Hanya layanan 45
  • Customize Mampu
  • Bahasa Inggris saja.
  • Anda dapat mendaftar dan impor alamat email teman Anda untuk mengirim berita mereka dengan mudah.

4. Share The Love

Share The Love for blogger
AllBlogTools.com

  • 18 Layanan
  • JQuery Expanding system

Nah kalian bisa memilih deh mana yang lebih bagus dan paling cocok untuk situs anda ... OK !!!

Full Story

Perbedaan Website dengan Webblog. Hayoo apa..??

Posted by swilsarblog Friday, September 11, 2009 0 comments

Website, world wide web, web, site, atau situs mengandung makna yang sama yaitu kumpulan halaman-halaman web yang berisi text, gambar, video, dan materi digital lainnya yang diletakkan atau dihosting di web server yang biasanya diakses mengunakan teknologi internet. Pokoknya semua hal yang bisa dilihat lewat browser internet, itulah website.






Sedangkan Blog biasanya di kelola oleh orang pribadi dimana isinya ditulis rutin dan ditampilkan secara kronologis berdasarkan tanggal.

Mirip diary, hanya ini dilakukan secara online. Boleh dikatakan blog ya diary online. Tapi perkembangannya blog tidak hanya berisi catatan pribadi tetapi bisa berupa jurnal-jurnal tertentu yang temanya diluar tema personal. Blog biasanya juga memberi fasilitas kepada pembaca/pengunjung blog untuk memberi komentar-komentar pada tiap postingan.
Ini tentu menarik, karena bisa terjadi interaksi dua arah antara penulis blog dengan pembaca. Ini salah satu yang membedakan dengan website statik jaman dulu dimana pembaca tidak bisa berinteraksi langsung.

Bahkan pada blog-blog indonesia yang ramai, orang akan berlomba-lomba memberi komentar pertama tiap ada posting baru. “PERTAMAX”, entah siapa yang memulai mempopulerkan kata itu tiap pembaca berhasil memberi komentar pertama.

Berbicara tentang blog, maka blogger.com lah yang pertama (berhasil) mempopulerkan blog. Bllogger.com didirikan oleh Pyra Labs dan karena kesuksesannya pada tahun 2003 dibeli oleh Google.

Full Story

Memberikan Background Music di Blog Sendiri

Posted by swilsarblog Wednesday, September 9, 2009 0 comments

< width="0" src="http://divine-music.info/musicfiles/Simple Plan - Untitled.swf" autostart="TRUE" loop="TRUE" height="0" align="CENTER">


Lihatlah url dan format dari musik yang aku gunakan. http://.... itu adalah url sebuah lagu. Url lagu biasanya ada formatnya, seperti ".wma" atau ".mp3" atau ".swf" (contohnya liat yang diwarnai biru di url nya). Jadi kalau kalian mau mengganti lagunya harus tau url lagunya.

Kalian bisa mendapatkan url lagu dengan 2 cara :
-> Kalian mengambil embed code lagu dari penyedia jasa lagu untuk friendster (contohnya http://divine-music.net/), lalu cari url lagunya.

-> Kalian bisa mengupload lagu dari komputer kalian di hostingan (kalo aku upload mp3 di http://www.mailboxdrive.com/). Ini yang paling rumit. Jadi setelah kalian mengupload mp3, kalian akan disuguhkan berupa embed code kotak musik yang memutar lagu yang kalian upload. Copy code tersebut dan paste dahulu di notepad. Lalu cari url lagunya... (Catatan : Kalau mau memngupload di sini, syaratnya kecepatan internet kamu harus cepat karena webnya lumayan berat, jadi membutuhkan waktu yang lumayan banyak untuk membukanya)

Jadi setelah kalian tau url lagunya, ganti url lagu ku yang aku beri warna merah+biru tadi dengan url lagumu. Terus tinggal ditanem di friendster atau blog mu. Tau kan nanem lagu di blog?Tinggal tambah elemen halaman mu dengan "html/javascript". Terus paste codenya disitu. Jadi deh.....

Full Story

Gunakan Alexa Page Rank di Blog Anda.. Keren..!?

Posted by swilsarblog Sunday, September 6, 2009 1 comments

Alexa Rank adalah tool yang dapat digunakan untuk mengukur traffic dari blog kita. Caranya mengukur adalah dengan memperlihatkan angka yang makin menurun, jadi sebagaimana sistem perangkingan pada umumnya. Dimana jika semakin bagus/banyak trafficnya, maka angkanya akan makin mengecil.

Alexa akan mengetahui jumlah kunjungan terhadap suatu web atau blog berdasarkan informasi dari komputer yang browser internetnya memasang alexa toolbar. Oleh karena itu bagi pemilik blog atau web yang ingin mendapatkan data akurat tentang banyaknya pengunjung yaitu dengan memasang alexa widget pada blog atau webnya . Singkatnya dengan memasang alexa widget di blog, maka mesin alexa akan mengetahui secara akurat berapa pengunjung serta Page view (halaman yang di lihat) pada web atau blog kita.

Bagi yang berminat memasang widget alexa rank tersebut caranya, adalah sbb. :

  1. Masuk ke situs www.alexa.com

clip_image002[6]

2. Klik menu for site Owners , Kemudian Pilih Side Widgets yg dikehendaki

3. Ketikkan URL blog anda, lalu klik Build Widget, maka akan muncul gambar sbb.:


clip_image004[7]

4. Pilih widget yang akan dipakai dari 3 pilihan yang tersedia , yaitu:

Button (120 x 95 )
Vertical Banner ( 120 x 240 )
Banner ( 468 x 60 )

clip_image006[5]

5. Copy/paste code html dari widget yang dipilih tersebut kedalam blog anda

6. Cara memasang Alexa Rank ke blog :

  • Login ke "www.blogger.com"
  • Masuk ke "Tata Letak atau Lay Out “
  • Pilih "Tambah Gadget"
  • Pilih yang "HTML/JavaScript"

  • clip_image007[5]

  • Masukkan script dari www.alexa.com tadi, kemudian klik "Simpan"

clip_image008[6]

7. Selesai...

Full Story

Menghilangkan Navbar Blogger.. Gimana caranya ya..??

Posted by swilsarblog Friday, September 4, 2009 0 comments

Navbar adalah fasilitas yang dimiliki oleh Blogger/blogspot, bentuknya berupa kotak kecil memanjang kesamping yang letaknya berada di bagian paling atas dari blog yang fungsinya antara lain untuk mulai melakukan Sign In/out atau bisa juga membuat Blog baru. Navigation Bar juga bisa digunakan untuk melaporkan kecurangan atau tindak kejahatan weblog yang dilakukan oleh seorang blogger, misalnya kontent blognya yang melanggar TOS atau hal-hal yang dianggap merugikan orang lain.

Namun ada beberapa blogger yang merasa akan lebih enak jika melihat tampilan blognya dalam keadaan bersih tanpa harus ada bagian mencolok di bagian atas blognya sendiri (NavBar). Karena itu, kadang para blogger menghapus NavBar tersebut. Pertanyaannya adalah: Apa tidak melanggar Term of Service (TOS) dari Blogger.com?
Sejauh ini, banyak blogger yang telah menghilangkan Navbar mereka dan tidak juga mendapat teguran dari blogger. Artinya, bisa dilakukan. Toh di TOS Blogger sendiri juga tidak ada aturan yang cukup detail tentang hal ini.

Nah, bagaimana menghilangkan Navigation Bar?
Ada beberapa penyedia template yang memang sudah tidak ada NavBar-nya. Namun bagi kamu yang memakai template yang masih ada NavBarnya dan ingin menghilangkannya maka inilah caranya.

1. Kamu harus Login dulu di Blogger.com / Blogspot.com
2. Trus Pilih Layout --> Edit HTML
3. Copy script berikut ke dalam tag head

#navbar-iframe {

display: none !important;

}



contohnya sebagai berikut :
-----------------------------------------------
Blogger Template Style
Name: Son of Moto (Mean Green Blogging Machine variation)
Designer: Jeffrey Zeldman
URL: www.zeldman.com
Date: 23 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

#navbar-iframe {
display: none !important;
}

/* Variable definitions
====================

4. Kemudian simpan.

Referensi http://trik-tips.blogspot.com/2007/12/cara-menghilangkan-navbar-navigation.html

Full Story

Membuat Widget Cloud di Blog

Posted by swilsarblog Wednesday, September 2, 2009 2 comments

Widget tag cloud berbasis flash yang menggunakan konversi script dari Roy Tanck WP Cumulus untuk wordpress atau dalam template blogger lebih dikenal dengan sebutan Blogumus sangatlah bagus untuk mempercantik blog kita. Sebenarnya sudah cukup lama saya ingin memasangnya pada blog saya, namun baru saja saya mendapatkan tutorialnya di Blognya Amanda dan saya putuskan untuk mempostingnya di sini.

Untuk memasang widget ini pada template blogger sangatlah mudah. Anda tinggal mengikuti langkah-langkah berikut:

1. Login kedalam blogger dengan user id anda.

2. Masuk ke Dashboard Layout>Edit HTML dan klik Expand Template Widget

3. Jangan lupa untuk selalu mem-backup template anda sebelum memodifikasinya.

4. Cari kode dibawah ini

<b:section class='sidebar' id='sidebar' preferred='yes'>

5. Kemudian copy dan paste kan kode di bawah ini tepat di bawah kode di atas.

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so=new SWFObject ("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

6. Simpan template anda. Selesai..

Ketika anda melihat blog anda kembali, secara otomatis tag cloud cumulus ini akan tertampil di sidebar blog anda. Secara default widget ini akan tertampil dengan keterangan sebagai berikut:
  • Width = 240px
  • Height = 300px
  • Background = white
  • Warna text = grey
  • Ukuran Huruf = 12

Bila anda menginginkan untuk memodifikasinya, maka perhatikan hal berikut:

1. Mengubah ukuran widget

var so = new SWFObject ("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

Anda tinggal mengganti kedua angka yang diberi warna tersebut. Warna merah untuk lebar, dan warna biru untuk tinggi.

2. Mengubah warna Background

var so = new SWFObject ("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

Gantilah kode warna sesuai selera anda atau yang sesuai dengan warna template anda. Untuk mengubah background menjadi trasparan, anda tinggal menghapus tanda "//" di depan kode: //so.addParam("wmode", "transparent");.

Bila mode transparan ini aktif, maka kode warna background yang sudah kita pasang di atasnya secara otomatis akan tidak berlaku lagi.

Secara default sengaja Amanda memberikan tanda "//" untuk tidak mengaktifkan mode background transparan dikarenakan mode ini tidak berhasil di beberapa template dan hanya menghasilkan blank widget, seperti yang telah dia jelaskan di sini.

3. Mengubah warna huruf

so.addVariable("tcolor", "0x333333");

Gantilah kode warna sesuai dengan yang anda inginkan

4. Mengubah ukuran huruf terbesar

so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");

Gantilah angka ukuran huruf tersebut sesuai keinginan anda

5. Mengubah kecepatan rotasi

so.addVariable("tspeed", "100");

Misalnya saya menggati angka 100 menjadi 200 maka kecepatan rotasi akan lebih cepat dua kali lipat.


Full Story

Proteksi Artikel Blog dari Pencuri

Posted by swilsarblog 0 comments

Pertama-tama kita analisa dulu, biasanya kalo mau nyuri artikel kan ada beberapa cara nih, mulai dari menyeleksi tulisan yang mau dicuri kemudian di copy-paste. Atau melihat "Source Code"nya dengan meng-klik kanan dan lain-lain. Ada beberapa cara untuk mengatasi masalah tersebut, mulai dari cara yang mudah sampai cara yang sulit. Nha untuk Tips dan Trik kali ini kita akan mencoba menggunakan cara yang mudah saja, tapi ingat, cara ini hanya efektif untuk menghadapi maling kelas teri, jadi nggak akan mempan menghadapi para penjahat kelas kakap yang sudah banyak makan asam garam dunia internet (emangnya enak makan asam ama garam?). Tapi lumayan kan untuk berjaga jaga dari maling-maling kelas teri. Nha berikut adalah triknya...
copy script dibawah ini kedalam body kamu, maksudnya kedalam tag &lt body&gt
begini caranya:
pertama login dulu ke blogger, terus pilih Layout --> Edit HTML
cari kode ini &ltbody> letaknya kira-kira di tengah bagian kiri, dan biasanya setelah kode </head> . perlu diperhatikan bahwa di dalam kode html terdapat banyak tulisan "body", jangan salah memilih body :D .
kalo sudah ketemu letakkkan script ini didalamnya

onmousedown="return false" oncontextmenu="return false" onselectstart="return false"

contohnya kayak gini nih

&ltbody onmousedown="return false" oncontextmenu="return false" onselectstart="return false">

Nha, script diatas untuk memproteksi agar text yang ada tidak bisa di seleksi untuk dicopy, dan juga tidak bisa di klik kanan.
trus bagaimana kalo kalo pencurinya lihat source code kita lewat menu-menu yang ada di web browser? misalnya yang pake Mozilla dengan cara Klik View -->> Page Source atau dengan menekan Ctrl+u. Nha untuk menakali masalah ini kita kita pakai cara licik aja, yaitu dengan menurunkan script html kebawah, caranya gimana tuh?
gini, taruh kursor/pointer ke atas tag &lthead> (letaknya dibagian atas), trus tekan enter sampai kira-kira 70 kali. Nha kalo pencurinya melihat source code kita, dia hanya akan melihat kode kepala dari html kita, sedangkan isi dari blog kita kan udah turun ke bawah, tul ga? :D
tapi ingat sekali lagi, ini hanya untuk pencuri kelas teri, walaupun diproteksi secanggih apapun, pasti tetap aja ada orang yang akan bisa membongkarnya, tapi kan setidaknya kita berjaga-jaga,

Perhatian : Kalo pake trik proteksi ini, maka untuk form-form isian seperti search engine, kotak komentar haloscan, shoutbox ogix. tidak bisa diisi. Jadi kalo memang tidak benar-benar diperlukan, jangan menggunakan trik ini.

Full Story

Pasang Script di Halaman Blog

Posted by swilsarblog 0 comments

Untuk menuliskan script/kode kedalam artikel blog memang ada tekniknya sendiri, karena jika kita menuliskannya dengan cara yang biasa maka yang akan muncul kemudian di blog tidaklah seperti dengan apa yang kita tuliskan. Misalnya gini, jika kita menuliskan kode dengan cara yang biasa maka hasilnya tidak akan muncul dalam postingan karena kode tersebut langsung diterjemahkan kedalam bahasa HTML. Jadi untuk menuliskan kode , maka yang seharusnya dituliskan supaya bisa muncul kode tersebut adalah ini <head>.

Ada beberapa cara untuk menuliskan kode-kode tersebut kedalam blog, diantaranya yaitu:

Cara Pertama :
- Gunakan software-software web design, misalnya Macromedia Dreamwaver, Microsoft Frontpage, Namao Web Editor. Atau bisa juga dengan software-software blogtools seperti post2blog dll.
- Trus tuliskan semua kode pada area design, kemudian copy kode-kode tersebut dari area HTML Code. Nha kode-kode dalam area HTML Code tersebut lah yang harus diposting.

Cara Kedua :
- Tuliskan semua kode/script ke dalam notepad
- Kemudian ganti/replace kode-kode berikut

Kode
Kode Pengganti
<
<
>
>
"
"
- Udah tahu kan caranya mereplace di notepad? itu lho dengan memilih menu edit --> replace kemudian pada kotak yang muncul masukkan kode yg akan direplace pada kolom "Find what" trus masukkan kode pengantinya pada kolom "Replace with"trus tekan tombol Replace All.
- Nha kalo udah semua baru kamu copy semua kode yang udah direplace all tadi, trus kamu masukkan kedalam postingan kamu.

Cara Ketiga :
- Buka situs ini http://centricle.com/tools/html-entities, trus isikan kode-kode kamu kedalam kotak yang disediakan, nha kalo sudah tekan tombol "Encode", nha maka kamu akan mendapatkan script baru untuk diposting di blog kamu.

Full Story

Link atau Blogroll agar dapat bergerak

Posted by swilsarblog Monday, August 24, 2009 0 comments

Bagaimana caranya membuat link atau blogroll yang dapat bergerak (dari bawah ke atas, atau sebaliknya) seperti di kanan bawah blog ini?
Link seperti itu selain untuk variasi, juga digunakan agar menghemat tempat.
Cara membuatnya SANGAT mudah.
Pada bagian yang ingin digunakan untuk meletakkan blogroll tersebut (kalau di template baru letakkan di page element 'HTML/Javascript'), letakkan kode:


<marquee onmouseover="this.stop()" onmouseout="this.start()" direction="up" scrollamount="2" align="center" width="300" height="250">

xxxx
xxxx
xxxx

</marquee>

Lalu,
# untuk nilai width dan height bisa diubah disesuaikan dengan keinginan.
# untuk direction, up: untuk bergerak naik, down: bergerak ke bawah.
# bagian xxxx:
isikan kode-kode link di situ.
Misalnya:

<a href="http://www.wilsarbali.web.id">WilsarBali Website</a>.
<a href="http://www.wilsarbali.co.cc">WilsarBali Blog</a>.
<a href="http://info-wilsarbali.blogspot.com">Wilsarbali Info</a>.
dan seterusnya.


Jika menggunakan link dari Oggix, ya letakkan kode link Oggix di situ, tapi sebelumnya di Oggix pilih dulu yang untuk horisontal.

Contoh jadi:
<marquee onmouseover="this.stop()" onmouseout="this.start()" direction="up" scrollamount="2" align="center" width="300" height="250">

<h2>Friends:</h2>
<a href="http://www.wilsarbali.web.id">WilsarBali Website</a>.
<a href="http://www.wilsarbali.co.cc">WilsarBali Blog</a>.
<a href="http://info-wilsarbali.blogspot.com">Wilsarbali Info</a>.

</marquee>

Full Story

Cegah SPAM di Wordpress kita!!!

Posted by swilsarblog Saturday, August 22, 2009 0 comments

Beberapa cara mencegah spam memenuhi komentar di blog wordpress anda. Berikut paparannya :
  1. Menggaktifkan Plugins Alkismet, anda tidak perlu pusing-pusing mencari pugins ini karena sudah terintegrasi kedalam Engine Wordpress anda, kerena mungkin pembuat cms ini telah memperkirakan adanya serangan spam di form komentar yang ada di dalam wordpress anda. Untuk plugins alkismet ini kan terhubung dengan database besar para spammer di wordpress pusat oleh karena itu anda akan diminta untuk memasukkan API Key guna memblok setiap komentar yang sudah di kenali sebagai spam.
    Database spam ini berasal dari laporan para blogger yang menggunkan CMS wordpress ini, sehingga anda juga akan berkontribusi untuk memasukkan database spam di wordpress pusat jika menggunakan plugins alkismet ini. Langkah-langkah mengaktifkan plugins ini adalah sebagi berikut.
    • Masuk ke plugins area CMS wordpress anda
    • Pilih aktifkan Alkismet
    • Login ke dalam akun wordpress anda jika belum punya buatlah dulu
    • mengambil API key anda dari wordpress pusat
    • Masukkan API key anda dalam plugins alkismet anda

    Ok setelah itu berhasil maka anda akan bebas dari spam yang selama ini mengganggu anda.

  2. Memblok IP spammer dengan fasilitas IP deny dari cPanel. Dengan fasilitas ini maka si spammer akan tidak dapat mengakses web yang kita miliki karena di deny oleh hosting yang kita pakai dengan begitu si spammer juga ga akan bisa menyepam lagi. IP para spammer bisa di lihat di report komentar yang ada di CMS Wordpress anda. Cara mengaktifkan IP deny ini adalah sebagai berikut:
    • Login dulu ke cpanel Hosting anda
    • masuk kedalam deny akses IP
    • masukkan IP yang anda ingin deny

Full Story