Showing posts with label Blogspot Widget. Show all posts
Showing posts with label Blogspot Widget. Show all posts
,

Sexy Bookmarks Widget for Blogger

20 July 2009 8 comments

Bararade nu sareksi yeuh?! hohoho... *langsung nyideug mode:ON* langsung aja deh, kali ini a2i3s akan berbagi caranya masang Sexy Bookmarks Widget di Blogspot, sejatina widget ini adalah plugin kang WP alias Wordpress Plugin, untuk penggunan Wordpress bisa langsung mengunduhnya di sini. namun apakah plugin ini bisa dipasang di blogspot? oh tentu bisa. Tak salah memang si pembuat plugin ini menamakan Sexy Bookmarks, karena emang kalo kita pasang di blog kita, akan keliatan lebih nyeksi daripada yang biasa-biasa saja *sedikit dihebatisir* Gimana cara pasangnya, ok mari kita bareng-bareng praktekkan.

Sexy Bookmarks Widget for Blogger

Langkah Pertama


Login ke account blogger anda, terus seperti biasanya masuk ke Edit HTML, Backup Template anda sebelum melanjutkan ke langkah berikutnya, hal ini dimaksudkan kalau-kalau terjadi hal-hal yang tidak diinginkan atau kegagalan dalam memasang widget ini, kemudian cari kode seperti ini: ]]></b:skin> Jika sudah ditemukan, lalu tambahkan kode berikut di bawahnya:

<style type='text/css'>
div.sexy-bookmarks {
height:54px;
background:url('http://i43.tinypic.com/2ueii3t.png') no-repeat left bottom;
position:relative;
width:540px;
}

div.sexy-bookmarks span.sexy-rightside {
width:17px;
height:54px;
background:url('http://i43.tinypic.com/2ueii3t.png') no-repeat right bottom;
position:absolute;
right:-17px;
}

div.sexy-bookmarks ul.socials {
margin:0 !important;
padding:0 !important;
position:absolute;
bottom:0;
left:10px;
}

div.sexy-bookmarks ul.socials li {
display:inline-block !important;
float:left !important;
list-style-type:none !important;
margin:0 !important;
height:29px !important;
width:48px !important;
cursor:pointer !important;
padding:0 !important;
}

div.sexy-bookmarks ul.socials a {
display:block !important;
width:48px !important;
height:29px !important;
font-size:0 !important;
color:transparent !important;
}

.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover {
background:url('http://img509.imageshack.us/img509/3131/sexysprite.png') no-repeat !important;
}

.sexy-furl {
background-position:-300px top !important;
}
.sexy-furl:hover {
background-position:-300px bottom !important;
}
.sexy-digg {
background-position:-500px top !important;
}
.sexy-digg:hover {
background-position:-500px bottom !important;
}
.sexy-reddit {
background-position:-100px top !important;
}
.sexy-reddit:hover {
background-position:-100px bottom !important;
}
.sexy-stumble {
background-position:-50px top !important;
}
.sexy-stumble:hover {
background-position:-50px bottom !important;
}
.sexy-delicious {
background-position:left top !important;
}
.sexy-delicious:hover {
background-position:left bottom !important;
}
.sexy-technorati {
background-position:-700px top !important;
}
.sexy-technorati:hover {
background-position:-700px bottom !important;
}
.sexy-twitter {
background-position:-350px top !important;
}
.sexy-twitter:hover {
background-position:-350px bottom !important;
}
.sexy-facebook {
background-position:-450px top !important;
}
.sexy-facebook:hover {
background-position:-450px bottom !important;
}

.sexy-designfloat {
background-position:-550px top !important;
}
.sexy-designfloat:hover {
background-position:-550px bottom !important;
}
.sexy-syndicate {
background-position:-150px top !important;
}
.sexy-syndicate:hover {
background-position:-150px bottom !important;
}
.sexy-email {
background-position:-753px top !important;
}
.sexy-email:hover {
background-position:-753px bottom !important;
}

</style>

Kemudian Save Template.

Langkah Kedua


Setelah memasukkan kode CSS tadi, kemudian masuk ke mode pengeditan template secara penuh (Expand Widget Templates) dan cari kode <data:post.body/> lalu paste code di bawah ini setelah kode tersebut.

<div class='sexy-bookmarks'><ul class='socials'><li class='sexy-delicious'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add to Delicious' rel='nofollow'/></li>
<li class='sexy-digg'><a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Digg This Post' rel='nofollow'/></li>
<li class='sexy-technorati'><a expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add to Technorati' rel='nofollow'/></li>
<li class='sexy-reddit'><a expr:href='&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add to Reddit' rel='nofollow'/></li>
<li class='sexy-stumble'><a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Stumble This Post' rel='nofollow'/></li>
<li class='sexy-designfloat'><a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Share on DesignFloat' rel='nofollow'/></li>
<li class='sexy-facebook'><a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Share on Facebook' rel='nofollow'/></li>
<li class='sexy-twitter'><a expr:href='&quot; http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Share on Twitter' rel='nofollow'/></li>
<li class='sexy-furl'><a expr:href='&quot; http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Share on Furl' rel='nofollow'/></li>
<li class='sexy-syndicate'><a href='http://feeds2.feedburner.com/ThinksFree' title='Subscribe to RSS' rel='nofollow'/></li>
<li class='sexy-email'><a expr:href='&quot; mailto:?subject=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Share on Email' rel='nofollow'/></li>
</ul><span class='sexy-rightside'/></div>

Save Template, lalu lihat hasilnya. contoh dari widget ini bisa dilihat pada blog berikut ini. gimana, sexy ga? hehehe...
Read the full story

, ,

Cara Menambahkan Kolom Tunggal Pada Sidebar Dua Kolom Arthemia

06 February 2009 25 comments

Setelah sebelumnya a2i3s membahas bagaimana cara menyamakan tinggi kedua kolom sidebar (Kiri dan kanan) nah, pada seri tutorial Arthemia Magazine Template For Blogger selanjutnya a2i3s akan membahas bagaimana cara menambahkan kolom tunggal pada sidebar setelah dua kolom di atasnya.

Postingan ini merupakan jawaban a2i3s dari beberapa sahabat blogger yang menanyakan bagaimana cara menambahkan kolom setelah sidebar kiri dan kanan. Nah, OK dech kita langsung aja ke TKP bareng-bareng yuk!

Sebelumnya a2i3s anggap anda telah menyamakan tinggi kedua sidebar kiri dan kanan seperti postingan a2i3s sebelumnya, karena jika tinggi kedua sidebar tersebut belum sama, kemungkinan jadinya akan kurang enak dilihat, alias kedua sidebar tersebut kelihatan pincang sebelah.

Langkah Pertama


Tentu saja loginlah ke account blogger anda, lalu masuk ke editor template. Pada trik ini anda tidak usah mengaktifkan Expand Widget Template, biarkan saja sebegitu adanya, hehe.

Langkah Kedua


Cari kode berwarna Biru seperti tampak di bawah ini, lalu tambahkan kode berwarna merah tepat di bawahnya!

<div id='sidebar-right'>
<b:section class='sidebar column' id='sidebar7' preferred='yes'>
....
</b:section>
</div>
</div>


<div id='sidebar-bottom'>
<b:section class='sidebar' id='sidebar20' preferred='yes'>
</b:section>
</div>


Terakhir


Simpan template anda, lalu masuk ke Tab Elemen Halaman, jika muncul seperti gambar di bawah ini, maka selamat anda telah berhasil menambahkan kolom tunggal di bawah kedua sidebar di atasnya.


Silahkan tambahkan elemen halaman yang anda inginkan, seperti contoh punya a2i3s pada gambar di atas!

Penutup


Gampang bukan? Apa kira-kira bahasan untuk postingan selanjutnya? Silahkan berikan masukan, maupun saran! dan seperti biasa, Let's Thinks Free With a2i3s! hehe...
Read the full story

,

Pilih Mana, Shoutmix atau Cbox?

31 January 2009 32 comments

Cbox and Shoutmix Best Shoutbox widget own blogSeberapa pentingkah peranan shoutbox widget bagi blog anda? Tentu akan banyak sekali alasan beragam, namun secara umum adalah sebagai media komunikasi antara si empunya blog dengan pengunjung blognya, juga sebagai media bertukar informasi secara praktis dan mudah, ada juga di antaranya yang memanfaatkan shoutbox sebagai daya tarik untuk mendatangkan pengunjung, sampai-sampai ada beberapa sobat blogger yang tidak mau bertukar link dengan blog yang tidak memasang shoutbox widget di blognya. wedew... kenapa ya? hehe.. tau dech gelap.

Di artikel ini a2i3s akan mencoba membandingkan dua penyedia layanan shoutbox widget gratis yaitu cbox dan shoutmix. Apa kekurangan dan kelebihan masing-masing? dan manakah yang terbaik di antara keduanya? Mudah-mudahan dapat menjadi referensi bagi anda yang baru akan memasang widget shoutbox di blognya.

Shoutmix, Teman Setia Para Blogwalker


Kenapa teman setiap Blogwalker? Karena aktivitas blogwalking menjadi sangat mudah, kita hanya perlu sekali untuk menuliskan data-data kita pada sebuah shoutbox misalkan Username, link/email, maupun isi pesan kita, dan secara otomatis saat kita singgah di blog yang menggunakan shoutmix data-data itu tidak perlu kita masukan kembali. Dengan fitur tersebut, aktivitas blogwalking akan semakin mudah dan cepat, meminimalisir waktu dalam mengetikkan data-data kita pada widget shoutbox. Maka jangan aneh jika orang yang mampir di shoutbox kita pesan yang ia publish di shoutbox akan sama dari blog ke blog, lolz

Kelebihan lain dari layanan shoutmix selain Free/gratis adalah kostumisasinya yang mudah, bisa digunakan walaupun anda tidak mempunyai blog sama sekali. Lalu apa kekurangannya? Untuk pengguna Free account, ada beberapa kekurangan atau fasilitas dibatasi. Berikut beberapa fasilitas yang dibatasi untuk account free, dan hanya tersedia jika kita mengupgrade menjadi Premium.



- Sound Alert
- Website Lock
- Large Storage
- Message archive
- Unlimited quota
- Paged navigation
- Online counter
- Online status
- Online user list
- Membership support
- Userbase integration
- Admin passwords
- Linked admin access
- Custom profanity filter
- Admin name protection
- Password protection
- Edit post
- Custom CSS
- Custom smileys

Cbox, Harta Karun Yang Terpendam


Hmmm... Selain shoutmix, penyedia widget shoutbox gratisan adalah Cbox. Cbox hampir sama dengan shoutmix, namun tetap saja ada kekurangan dan kelebihan masing-masing. Diantara kelebihan Cbox dibanding shoutmix adalah memungkinkan kita untuk menambahkan latar belakang gambar atau warna dari widget tersebut, penggunaan avatar, dan harta karun lainnya adalah penggunaan code style dari pesan yang akan kita masukkan di shoutbox. Kita bisa mengatur tampilan pesan seperti ditebalkan, dimiringkan, berupa superscript, subscript, huruf besar, efek garis bawah, penggunaan warna, efek scroll/marquee, dll.



Ugprade Shoutbox anda menjadi Premium


Untuk mendapatkan fitur lengkap dan akses penuh dari shoutmix dan Cbox, maka anda perlu mengupgrade ke Premium. Biaya dari upgrade kedua shoutbox tersebut adalah seharga $2/bulan. Pembayaran bisa via PayPal maupun transfer langsung dari kartu kredit anda.

Mana yang terbaik?


Penilaian seseorang itu relatif, namun menurut a2i3s pribadi jika menimbang dari fitur yang ditawarkan, Cbox layak menjadi pilihan. Lho, itu a2i3s kok pake shoutmix? hehe, berhubung kemarin ada sedikit masalah dengan upgrade ke premiumnya, akhirnya a2i3s memilih shoutmix karena lebih mudah dalam hal pembayarannya.

Ok dech, segitu aja pembahasan masalah shoutbox, jika ada hal-hal yang kurang mari sama-sama berbagi di sini, CMIIW. Tetap semangat and Let's thinks free with a2i3s!
Read the full story

, ,

Make Your Blogroll Better with Thumbshot

28 January 2009 25 comments

Free thumbnailsPostingan ini terilhami ketika a2i3s jalan-jalan rutin ke blog Maseko. Sebelumnya memang ngga ngeuh, padahal tiap hari wara-wiri aja nyambangi blog karuhun tersebut, hehe... Ada yang unik dari blogroll punya Maseko, setiap blog yang nebeng di sana mempunyai thumbnail masing-masing. selidik-punya selidik ternyata Maseko menggunakan salah satu layanan Free Thumbnail link dari Thumbshots.org.

Untuk memasang Thumbnail dari link blog rekan-rekan kita sangatlah mudah, kita tinggal copy-paste kode yang diberikan dengan syarat menyertakan pula kode link yang mereka syaratkan, tapi tentu saja kita harus registrasi dulu untuk dapat mengakses kode tersebut hehe... Tertarik memasangnya di blog rekan-rekan? Silahkan langsung disambangi di Thumbshots.org dan contohnya dapat diintip di blogroll a2i3s di sini!

Bagaimana cara memasangnya? Mudah-mudahan bisa dijelaskan di postingan selanjutnya.
Read the full story

,

Cara Pasang Subscriptions Count Chicklet Feedblitz

14 January 2009 10 comments

Beberapa waktu yang lalu a2i3s mendapat beberapa pertanyaan di shoutbox tentang bagaimana caranya memasang chicklet Subscriptions count dari layanan RSS Subscription Feedblitz. Sebenarnya cara memasang chicklet tersebut sangatlah mudah, sama halnya dengan memasang chicklet dari layanan Feedburner, namun yang menjadi masalah ternyata menemukan kode chickletnya yang rada-rada ribet, hehe... OK dech, kita langsung aja bahasa tentang bagaimana cara memasang chicklet dari Feedblitz.

Langkah pertama, Login ke account Feedblitz anda.

Selanjutnya, klik tab Newsletters



Setelah itu, lihat ke sebelah kanan, klik chicklet yang tampil.





Kita akan dibawa ke halaman HTML Subscription Form Code, lalu scroll halaman ke bawah, di sana terdapat kotak Subscriber Count Chicklet. Salin semua code yang terdapat di kotak tersebut ke dalam Notepad atau wordpad (optional).



Nah, sampai di sini kita telah mendapatkan kode chicklet tersebut, lalu bagaimana cara menampilkannya di blog kita?

Login ke account blogger anda, selanjutnya masuk ke Tab Layout. Jika anda telah memasang chicklet dari feedburner dan ingin menampilkan chicklet Feedblitz secara bersamaan, maka masukkan kode chicklet yang tadi kita peroleh tepat setelah kode chicklet dari feedburner.
Read the full story

, , ,

ENTRECARD, "Haruskah aku patah hati untuk kedua kalinya?"

09 December 2008 18 comments

EntrecardIntro: Selama 4 hari ini aku benar-benar tergila-gila padamu, auramu sungguh menarik siapapun, mampu mengobati hausku akan traffic, mampu menurunkan emosi nona Alexa dan perlahan mulai mencairkan gumpalan-gumpalan ranking yang menggunung ini.

Hehehehe, pasti sobat Blogger penasaran dan bertanya dalam hati, ngomongin apaan siy niy orang? Apa ayo? hmmm,,, Yup tepat sekali, Entrecard. Entrecard adalah sebuah layanan Free tak berbayar yang khusus bagi blogger mania dalam mempromosikan blognya serta mendatangkan traffic sebanyak-banyaknya dari berbagai penjuru dunia. Selain itu, dengan layanan ini kita juga bisa menghasilkan lembaran-lembaran dollar dengan menjual Kredit Point yang kita dapatkan dari hasil Blogwalking maupun hasil komisi pemasangan Banner member lain di Widget Entrecard yang dipasang di blog kita. contoh widget banner yg sedang tampil di blog ini:

Entrecard Widget

Kita tinggal klik pada Button Drop tunggu beberapa detik, lalu Label Drop tersebut akan berganti menjadi kata Thanks! dan itu tandanya 1ec telah masuk ke account kita. Setiap blog hanya bisa kita klik 1 kali dalam rentang waktu 24 jam saja. Semakin banyak blog yang kita drop, maka semakin cepat pula kredit point account kita bertambah.

Lantas apa kegunaan kredit point dalam satuan ec tersebut?

Entrecard point yang kita dapatkan berguna sebagai alat pembayaran saat kita berniat memasang banner yang kita miliki pada blog-blog member Entrecard. besarnya tarif yang dikenakan bervariasi sesuai dengan seberapa banyak ec point yang dimiliki dan jumlah Member yang berminat memasang banner di blog tersebut. Contohnya dapat dilihat seperti milik a2i3s berikut:



Ini artinya Banner akan ditayangkan selama 3 hari, dengan harga 16ec per harinya.

OK, segitu dulu dech penjelasan singkat tentang Entrecard, untuk lebih jelasnya silahkan sobat-sobat blogger bisa mendownload ebook resmi Entrecard
di bawah ini!




Lha, kenapa ko judulnya narsis gitu?? hehe, iya . Jadi begini, ternyata layanan Entrecard ini hanya diperuntukkan bagi blog-blog berbahasa Inggris, selain itu tidak diperkenankan. Nah ceritanya a2i3s sedang beharap-harap cemas menunggu keputusan mas Admin Entrecard mengenai eksekusi pembannedan blog ini, hikz. Sempet googling cari-cari info tentang Entrecard pada blog-blog berbahasa Indonesia, namun kebanyakan a2i3s tak menjumpai widget Entrecard terpasang di halaman blognya, berarti memang udah pada kena ban. Tapi mudah-mudahan aja blog ini nda kena ban , dan nda harus patah hati untuk yang kedua kalinya setelah dikecewakan um Google yang telah nginjek PR a2i3s jadi jebot,
Read the full story

, ,

Tips Menggunakan Kontak Form Ajax

16 November 2008 14 comments


Udah lama ngga mengupdate postingan,*Kebanyakan ngoprek layout dan theme doang, hehe...* nah pada postingan kali ini, a2i3s akan berbagi layanan gratis yang mungkin rekan-rekan butuhkan, dan semoga ini bermanfaat.

Ok, langsung aja yah, Layanan ini adalah layanan cuma-cuma atau tak berbayar dari www.contactr.com. Sedikit clue, dengan memanfaatkan layanan ini, maka pengunjung blog kita akan dengan mudah mengirimkan tanggapan/pertanyaan/usulan atau kritik langsung kepada email kita, sangat menarik bukan?

Dengan ajax, kontak form ini terlihat lebih profesional dan elegan*hoho..*, kalau belum percaya coba anda coba test kirim pesan ke saya:



Ok langsung aja meluncur ke sini!

Kemudian klik tombol "Sign Up"



Setelah itu kemudian isi data-data yang diminta pada form yang disediakan, lalu tekan tombol "Submit" untuk melanjutkan.

Jika data yang anda masukkan valid maka registrasi telah selesai, namun untuk dapat menggunakan layanan ini anda perlu mengaktifkan account anda dengan mengklik link aktivasi yang telah dikirim ke email yang anda masukkan tadi, coba anda cek di inbox email anda lalu klik link yang diberikan untuk mengaktifkan account anda.

Setelah proses aktivasi selesai, kita tinggal Login dengan email dan password yang telah anda buat tadi.

Kemudian copy kode yang ada seperti tampak pada gambar di bawah ini:



Catatan:
Silahkan pilih style button yang anda kehendaki

Setelah mendapatkan code script nya silahkan Login ke account blogger anda, lalu pilih tambahkan HTML/Java Script Code.

Silahkan anda atur dimana tombol Kontak form itu akan ditempatkan.

Catatan:
Selain untuk blog di Blogger, kontak form ini juga bisa anda gunakan di FS, MySpace, dll, asal kita bisa memasukkan script tersebut. dan apabila akan dimasukkan dalam code template seperti punya saya *lihat di bawah profil saya*, link tersebut harus diparse terlebih dahulu.

Yupzz, selesai dech! Mudah bukan? semoga bermanfaat.

Lets thinks free with a2i3s
Read the full story

next page arrow right arrow Back to home home icon button