SELAMAT DATANG DI BLOG ILHO-HITTER

Senin, 20 Desember 2010

Ebook Tutorial wordpress terbaru 2.7


Judul: Tutorial wordpress terbaru 2.7
Bahasa: Indonesia
Penulis: Ulil Amri
Jumlah halaman: 16
Format ebook: PDF
Harga: Rp. 0,-
Perekomendasi: Ulil Amri


Ebook ini membahas segala hal tentang worpress 2.7, dari mulai panduan/tutorial “nge-blog nya” hingga ke pengenalan beragam fitur fitur baru yang tentunya menjadi jauh lebih baik di bandingkan dengan versi wordpress sebelumnya.
Penjelasan di dalam ebook ini cukup lengkap, & tentunya di harapkan akan dapat memberikan banyak informasi bermanfaat terutama bagi para blogger-blogger yang menggunakan wordpress sebagai mesin blognya.
Download ebooknya dengan mengklik tombol di bawah ini!


DOWNLOAD NOW 


Apabila mengalami kesulitan mendownload anda dapat memanfaatkan link download alternatifnya di sini

Cheat Ngebug Map Point Blank

Cheat point blank terbaru dan paling dahsyat yang telah di tunggu tunggu oleh seluruh pecinta PB Online di Indonesia telah hadir yaitu cheat ngebug map point balnk. Terdapat tool dan software yang akan membantu anda ngebug map pb online tersebut. Banyak pemain yang telah membuktikan kehebatan cheat ini. Hanya dengan beberapa langkah dan setingan yang mudah, anda langsung bisa memanfaatkannya di medan pertempuran Point Blank. Download sekarang juga tutorial cara Ngebug Map Point Blank ini dan semoga bisa berguna untuk anda semua.

Dapatkan trik terbaru tersebut lewat hasil pencarian google.co.id yang berhubungan dengan kata kunci tersebut dibawah ini :

1. Cara masuk Bug Map Breakdown Point Blank ke dalem mesinnya adalah Tinggalkan komentar Go to ini juga buat yg nanya Cheat Ngebug = Hack Map kurang lebih gitu deh

2. Program ini akan mengpatch file PB agar bisa ngebug PointBlank di Lalu start PB dan Login dan cari map luxville atau cheat PB terbang bug map and bug senjata

3. Tau Cara Ngebug Di Map Saint Mansion Lagi Ngebahas Cheat Point Blank Cash Dan Sejumlah Cheat PB Lainnya Dengan mudah

4. Cheat Complete Ngebug, Char Robot + Baret + Headger Cahs 10000 Copy Folder HS yang sudah saya edit ke folder point Blank Map Hack, tekan shorcut di bawah, untuk ganti map, sebelum klik download

5. Tempat Ngebug di Pb Lisitau Gabapentin Tramadol Nidesef K Zlk Bozma Dah Ada Lagi Yg Beginia nbanyak Hacker Di Pb RE Cara Ngebug Di Map Lux Results 1 To 15 On 435 For Cheat Nge Bug Di Pb BUG Ticket

6. Cheat PB Ngebug PB Tips And Tricks PB NyitNyit Tools PB Hai Gan Gw Mau Kasih Tau Neh Cara Ngebug Di Map Hospital Gan Tadi Nya She download so3d tanpa game guard riyan cheat point blank unityareav3

7. Rahasia Cheat PB Terkuak Mau Tau Cara NgeCheat Point Blank Di Sini Nge Bug Map Nokia X6 Car Town Mustang Gt Templates Wallhack For Point Blank

Cara Membuat Scroll Pada Blog Archive

Sewaktu teman-teman memposting suatu artikel dan di-archive-kan secara Hierarki dan Judul Artikelnya ditampilkan, maka semua artikel yang ada di Blog Archive tersebut akan tampil memanjang ke bawah. Nah untuk membuatnya terlihat sedikit rapi agar tidak memanjang terlalu ke bawah, maka kita akan membuat Kolom Scrollnya.




Untuk membuatnya silahkan ikuti langkah-langkah di bawah ini:
1. Login ke akun blogspot,
2. Klik Design/Rancangan >> Edit HTML >> Centang Expand Widget Templates,

3. Cari kode berikut <div id='ArchiveList'> atau ArchiveList

Note
: Untuk menemukan kode

atau ArchiveList maka teman-teman harus memasang Blog Archive nya terlebih dahulu dengan cara, klik Design/Rancangan >> Page Element >> Add a Gadget >> Blog Archive >> Save. Jika teman-teman sudah memasang Blog Archive nya maka langsung saja mencari kodenya tadi.

4. Selanjutnya tambahkan kode yang berwarna merah seperti di bawah ini:
 
 
<div class='widget-content'>


<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 100%; height: 200px; background-color: #FFFFFF;">


<div id='ArchiveList'>


<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>


</div>


<b:include name='quickedit'/>
</div>
</b:includable>
 
 
5. Harap disesuaikan saja kodenya, karena tidak semua templates sama,
6. Untuk merubah tinggi kolom scrollnya, silahkan ganti pada kode
height: 200px,

7. Jika sudah klik Save templates dan lihat hasilnya.
 

Cara Memasang Scroll pada Label Blog

Label/Kategori mempunyai peranan yang sangat penting dalam sebuah Blog karena akan memudahkan pengunjung Blog sobat dalam mencari sesuatu yang mereka inginkan dan sebuah Blog semakin lama akan mempunyai Label/Kategori yang banyak dan panjang sehingga akan memakan tempat yang banyak pula.
Untuk mengatasi hal tersebut sobat bisa menggunakan Fungsi Scroll sehingga bisa menghemat tempat.
Buat sobat Blogger yang ingin memasang Scroll pada Label
Caranya sebagai berikut :

Login ke Blogger
Klik RancanganEdit HTML
Klik tulisan Download Template Lengkap
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
Beri tanda centang pada kotak di samping tulisan Expand Template Widget

Kemudian cari kode seperti dibawah :

Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol Ctrl + F atau (F3)

<b:widget id='Label1' 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'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>


Untuk membuat Scroll Copy kode berikut :

<div style='overflow: auto; width: 175px; height: 200px; text-align: left;'>

dan

</div>

Letakkan dibawah kode berikut :

<div class='widget-content'>

dan diatas kode ini:

<ul>

Maka hasil akan menjadi seperti di bawah ini :

<b:widget id='Label1' 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'>
<div style='overflow: auto; width: 100%px; height: 300px; text-align: left;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>
</div>


Lihat kode yang berwarna biru, itu adalah kode tambahannya dan sedikit Catatan nilai dari width: 100%px; dan height: 300px; bisa sobat ganti dan sesuaikan dengan lebar dan tinggi sidebar sobat.

jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya

Selamat mencoba

Dropdown Label pada Blog

Pernah terpikirkan mengganti tampilan nama label dengan style dropdown label? tentu saja ya :) karena semakin banyak artikel yang kita tulis tentu semakin banyak pula label atau kategori yang ditambahkan, tidak masalah jika nama label kita cuma 5 atau 10 nama label, lalu bagaimana jika sampai 20 atau lebih sedangkan label dalam standar blogger akan tampil tersusun kebawah dan tentu saja cara standard ini akan  memakan tempat pada halaman blog kita nantinya.

Tidak seperti menu arsip pada blogger yang bisa diset dalam tampilan dropdown, label dalam blogger tidak memiliki fasilitas ini. Jangan khawatir karena para pemikir jenius diluar sana sudah memikirkan hal ini (bukan om lho hihihi :). Sedikit tambahan, sebelum kita menggunakan kode dibawah ini pastikan bahwa element label sudah terpasang pada blog, jika tidak jangan harap menemukan kodenya :)

Contoh tampil menu dropdown label:



Ikuti tutorial dibawah ini untuk membuat dropdown label:

(sebelum mencoba jangan lupa backup code dengan menekan link Download Template Lengkap)
Langkah pertama, masuk pada tab template -> Edit Html  -> jangan lupa beri tanda cek pada Expand Template Widget -> kemudian cari kode dibawah ini:
Tips : Agar mudah dalam pencarian sebaiknya cari kode (<data:label.count/>)

   <ul>
   <b:loop values='data:labels' var='label'>
     <li>
       <b:if cond='data:blog.url == data:label.url'>
         <data:label.name/>
       <b:else/>
         <a expr:href='data:label.url'><data:label.name/></a>
       </b:if>
       (<data:label.count/>)
     </li>
   </b:loop>
   </ul>

Jika sudah ketemu ganti seluruh  kode diatas dengan kode dibawah ini:

<br />
<select onchange='location=this.options[this.selectedIndex].value;'>
   <option>Select a label</option>
   <b:loop values='data:labels' var='label'>
      <option expr:value='data:label.url'><data:label.name/>
         (<data:label.count/>)
      </option>
   </b:loop>
</select>

Warna merah <option>Select a label</option> bisa kita ganti dengan kalimat sendiri.

Selamat mencoba

Fungsi Label di Blogger dan Cara Penggunaannya

Fungsi Label di Blogger

Secara garis besar, label di blogger bisa disebut juga sebagai kategori. Dan saya yakin anda sudah pernah mengenal istilah kategori ini. Kategori merupakan suatu sistem yang bertujuan untuk mengelompokan sesuatu. Dari pengertian kategori tersebut, bisa kita ambil secara garis besar bahwa label di blogger (yang tidak lain bisa disebut juga sebagai kategori) merupakan suatu fasilitas yang dimiliki oleh blogger.com untuk mengelompokan artikel (postingan) sehingga bisa lebih terorganisir. Dengan menggunakan label / kategori pada setiap tulisan yang kita buat, secara tidak langsung akan mempermudah kita dalam mengelola artikel di blog kita. Selain itu, dengan adanya label di blogger juga bisa mempermudah para pengunjung blog untuk membaca artikel / tulisan kita sesuai dengan kategori / label yang kita buat.
Supaya lebih jelas tentang fungsi label, berikut contohnya :
Suatu hari anda menulis suatu artikel / postingan dengan judul “Cara Membuat Blog”. Dari judul postingan tersebut, kira – kira termasuk ke dalam kategori apa? OK! Disini saya akan contohkan misalnya label / kategori yang tepat untuk tulisan “Cara Membuat Blog” adalah “Tutorial Blogspot”.
Di hari lainnya, anda menulis lagi postingan dengan judul “Cara Membuat Facebook”. Dari judulnya, tentu saja tidak ada kaitannya sama sekali dengan label “Tutorial Blogspot”. Oleh karena itu, untuk tulisan tentang “Cara Membuat Facebook”, kita harus membuatkan label baru yaitu “Panduan Facebook”.
Dari contoh diatas, bisa kita ambil sebuah kesimpulan bahwa label di blogger digunakan untuk mengelompokan artikel / postingan yang ada kaitannya dengan label tersebut.

Cara Pasang Label di Blogger

Setelah kita mengerti tentang fungsi label dan penggunaannya, sekarang saya akan tunjukan bagaimana cara memasang label di blogger tepatnya di blog anda. Sebernya cara ini sempat saya tulis di Cara Menulis Postingan di Blogger. Tapi, supaya lebih nyambung, maka saya akan tulis kembali disini. Berikut langkah – langkahnya :
1. Silahkan masuk di blogger dan tulis sebuah artikel (Jangan dulu di Terbitkan / Publish)
2. Setelah tulisan anda selesai, tuliskan suatu label untuk postingan anda tersebut seperti gambar contoh di bawah ini:
label-di-blogger
Catatan : Tuliskan Label yang ada kaitannya dengan judul postingan anda. Dan jika suatu saat anda menulis postingan yang ada kaitannya dengan label tersebut, anda bisa kembali menggunakannya.
3. Setelah label diisi, langsung saja terbitkan postingan anda dengan klik “Terbitkan Entri” / “Publish Post”
Nah…itulah sedikit tulisan saya tentang label di blogger dan bagaimana cara menggunakannya. Mudah – mudahan bisa bermanfaat dan tentunya bisa diaplikasikan.

Minggu, 19 Desember 2010

Cara Memasang Widget Lintas Berita di Blog

lintasberita
Lintas berita adalah sebuah situs social bookmarking, yang mana kita dapat mengirimkan artikel-artikel yang telah kita tulis untuk dipublikasikan dalam bentuk suatu ringkasan. Para pembaca biasanya mencari berita-berita yang dirasa menarik bagi mereka. Jika mereka menemukan suatu ringkasan artikel di lintas berita, maka otomatis pembaca tersebut akan diarahkan ke artikel asli yang kita tulis di situs/blog.
Bagi yang sudah biasa mengirimkan artikel ke lintas berita, tentunya sudah tahu bahwa proses submit (pengiriman artikel) harus dilakukan secara manual dengan membuka situs lintas berita tentunya, kemudian login, kemudian klik tombol submit, kemudian menuliskan judul, dan seterusnya yang tentunya memakan proses yang berlibet.
Namun lintas berita juga menyediakan beragam widget, salah satunya adalah widget kontribusi. Dengan widget ini kita dapat mensubmit (mengirimkan) artikel yang telah kita tulis dengan sekali klik saja. Contoh dari tombol-tombol submit itu ada di bawah ini:

lintasberita a 180x35 lintasberita_a_180x35.png
lintasberita b 180x35 lintasberita_b_180x35.png
lintasberita e 180x35 lintasberita_e_180x35.png
Namun sayangnya lintas berita belum mempunyai plugin khusus untuk pengguna wordpress, sehingga pemasangan tombol submit harus dilakukan secara manual dengan memasang kode berikut di tiap postingan artikel yang kita tulis.
<a href="http://www.lintasberita.com/submit.php?phase=2&url=Alamat_URL_artikel_Anda">
<img src="http://www.lintasberita.com/buttons_lb/nama_file_gambar" /> </a>
Perhatikan kode di atas, penulisan harus dilakukan secara manual dengan menggantinya dengan URL artikel kita, sungguh suatu cara yang sangat tidak efektif. Sekaligus ini juga kritik/masukan bagi pihak lintas berita agar membuat suatu plugin khusus, yang dengannya pengguna dapat mensubmit langsung artikel yang dirasa menarik untuk dikirimkan.
Ada langkah-langkah bagi pengguna wordpress khususnya WordPress yang dihosting sendiri agar tidak perlu untuk menambahkan atau mengedit widget lintas berita. Yang perlu dilakukan adalah mengedit file single.php.
  1. Buka themes editor blog kita, kemudian edit file single.php yang terletak pada direktori themes wordpress yang dipakai.

  2. Cari (find) kode php berikut:

    <?php the_content('Read the rest of this entry &raquo;'); ?>
    atau yang semisalnya. (Kode tersebut adalah kode PHP untuk memanggil isi konten postingan)
    Kemudian sisipkan kode berikut tepat di bawah atau di atas kode tersebut:
    <a href="http://www.lintasberita.com/submit.php?phase=2&url=<?php the_permalink() ?>">
    <img src="http://www.lintasberita.com/buttons_lb/lintasberita_a_180x35.png" />
    </a>
  3. Kemudian save file single.php tersebut.

Kita bisa mengubah gambar widget kontribusi tersebut dengan mengubah nama file gambar tombol kontribusi tersebut.
lintasberita_a_180x35.png dapat kita ubah menjadi:
  • lintasberita_a_100x20.png
  • lintasberita_e_180x35.png
  • dll
  • Untuk lebih lengkapnya lihat contoh gambar widget yang bisa kita gunakan di sini. Dengan cara di atas, maka kita tidak perlu susah payah menuliskan ulang URL artikel yang hendak kita publish. Cukup lakukan posting seperti biasa, dan URL kontribusi beserta gambar widget akan muncul baik di atas atau di bawah postingan artikel kita. Selamat mencoba.

Multiple Social Bookmarking Untuk Blog: AddThis

Ingin men-submit postingan blog ke berbagai situs penanda sosial (social bookmarking sites) secara praktis? Coba AddThis.

AddThis setidaknya memiliki 199 (seratus sembilan puluh sembilan) tombol situs penanda sosial.

Klik di sini untuk pergi ke situs AddThis.

Cara menambahkan social bookmarking AddThis ke blog Blogger (Blogspot) sangat mudah. Tinggal copy paste saja.
  • Seperti biasa, kunjungi situs yang dimaksud, AddThis.
  • Sebenarnya tanpa bergabung (Join Now) atau masuk (Sign In) pun sudah bisa mendapatkan kode, dan tombol, untuk dipasang di blog atau situs.
  • Tapi jika ingin mendapat juga data analisa, kita harus bergabung menjadi anggota dan membuat akun (acount) di AddThis.
  • Oke, sekarang pilih situs atau blog.

  • Kemudian pilih jenis tombol yang diinginkan.

  • Kini pilihan ketiga. Di sinilah yang menentukan apakah kita perlu bergabung menjadi anggota atau tidak.

  • Jika hanya menginginkan tombolnya saja, pilih No, just give me the button. Kita tidak perlu bergabung dan tetap mendapatkan kode dan tombol AddThis-nya.
  • Tapi jika memilih yang kedua, Yes, track the performance of my button. (requires registration), kita harus bergabung menjadi anggota. Keuntungannya adalah kita bisa mendapatkan laporan data tentang pemakaian tombol ini, misalnya berapa banyak posting blog kita telah di-share dan difavoritkan di Facebook, Twitter atau Technorati. 
  • Sekarang kita pilih dulu No, just give me the button.
  • Kemudian klik Get Your Button.

  • Kita lalu diarahkan ke laman Get Your Button Code untuk mendapatkan kode tombol.

  • Klik Install to Sidebar. Kita akan dibawa ke blog.
  • Masukkan Nama Pengguna dan Kata Sandi, jika belum masuk ke Blogspot.
  • Jika sudah masuk, akan secara otomatis diarahkan ke laman Add Page Element.

  • Klik Add Widget. Kita akan diarahkan ke laman Page Elements (Layout). Dan tombol AddThis kini telah ditambahkan.

  • Pindahkan letak gadget AddThis ke posisi lain jika tidak sesuai dengan keinginan.
  • Klik Preview untuk melihat hasil copy paste tombol gadget AddThis.
Tetapi jika ingin mendapatkan laporan analisis data, bukan hanya tombolnya, kita kembali ke langkah ketiga dan pilih opsi kedua: Yes, track the performance of my button. (requires registration).


  • Lalu klik Get Your Button. Kita akan diarahkan ke laman Register.

  • Isikan data diri dan klik Register
  • Kembali kita akan dibawa ke laman Get Your Button Code.
  • Klik Analytics di sisi kiri atas untuk melihat (contoh) analisa dari penggunaan tombol AddThis.

  • Selanjutnya tinggal mengulangi langkah yang sama seperti di atas sampai akhirnya gadget tombol penanda sosial AddThis terpasang di blog. Dengan menjadi anggota dan memiliki akun di AddThis, kita akan mendapat laporan berkala dari penggunaan tombol AddThis.
  • Berikut screenshot dari AddThis di blog ini.

  • Bisa juga menambahkan AddThis 2.1.1 ke browser Mozilla Firefox versi terbaru atau yang lama. Klik di sini untuk mengunduh (download) add-on AddThis bagi Mozilla Firefox.
Semoga bermanfaat.

Sabtu, 18 Desember 2010

Cara Mensubmit dan Memfavoritkan Postingan Blog Atau Website di Technorati

Berikut cara agar postingan/artikel blog atau website Anda dibaca banyak orang di internet. Anda bisa menggunakan jasa (service) gratis dari situs-situs penanda sosial (social bookmarking sites) seperti:
  1. Technorati,
  2. Ask,
  3. Mixx,
  4. Reddit,
  5. BlinkList,
  6. Delicious,
  7. StumbleUpon,
  8. Google Bookmarks,
  9. MyBlogLog,
  10. Tumblr
  11. dan masih banyak lagi.
Situs-situs ini juga bisa membuat blog seperti Blogger/Blogspot, WordPress, TypePad, Xanga, atau Tumblr dikunjungi banyak orang dengan memberikan free traffic (arus pengunjung/pembaca gratis ke blog atau website Anda).
Klik di sini untuk mendaftar (join) atau sign in (log in) ke technorati.com.
Apa Itu Technorati dan Apa Fungsi atau Kegunaannya
Nama Technorati merupakan gabungan dari dua kata technology dan literati. Technorati didirikan oleh Dave Sifry yang bermarkas besar di San Fransisco, California, USA.Jika Anda suka ngeblog atau istilah “kerennya” blogger, Technorati bisa menjadi alat bantu untuk meningkatkan kualitas blog Anda. Karena:
  1. Technorati.com adalah mesin pencari (search engine) yang mengindeks semua blog di internet. Mesin pencarinya berfungsi seperti layaknya Google, Yahoo, dan Bing. Anda bisa melihat apa yang dicari dan dibaca para blogger pada hari itu. Juga tertera top ten (sepuluh peringkat teratas) pencarian spesifik dan tag-tag pencarian teratas di home-pagenya.
  2. Situs penanda sosial ini juga memberi para blogger service yang semakin membaik dengan berbagai add-ons, program-program dan gadgets (widgets) dan juga progam-program utility berbasis open-source.
  3. Selain fitur standar, sebagai alat bantu bloggers Technorati juga memberikan fitur tambahan menarik seperti daftar dari para blogger yang baru saja bergabung dan tentu saja fitur rating dari Technorati (seperti Alexa).
  4. Selain sebagai salah satu situs blog gratis yang menawarkan fitur-fitur pembuatan blog (yang tidak rumit) bagi para blogger, Technorati.com juga masih mengembangkan dirinya sebagai situs jejaring sosial.
  5. Kini Technorati sedang meng-upgrade sistem mereka yang berusaha untuk menghentikan indeksasi (indexing) blog-blog spam.
  6. Selain itu kini terdapat opsi baru di Technorati Blog Directory yang memungkinkan para pengguna untuk mereview blog-blog favorit mereka di Technorati. Juga ada semacam fitur ”tweet” nya.
  7. Fitur standar lainnya adalah Technorati juga menghubungkan atau membuat link atau tautan ke pencarian audio, video, berita dan game-game populer dari homepagenya.
Bagaimana Cara Menandai (Bookmark) atau Memfavoritkan (Favorite) Blog atau Website
How to submit your blog posts to Technorati? Bagaimana cara men-submit atau mem-favoritkan postingan blog, Blogger/Blogpost, Xanga, TypePad, Tumblr ataupun WordPress ke Technorati?Sebenarnya posting blog kita akan secara otomatis terindeks di Technorati jika kita sudah menjadi anggota dan mempunyai akun (account) di Technorati. Bisa juga ditambah dengan memasang widget/gadget dari Technorati di blog kita sebagai tombol agar para pengunjung bisa memberikan tambahan poin favorite, authority dan juga ranking ke Technorati Favorites. Tetapi jika Anda ingin secara manual mengindeks (manual submitting) postingan blog ke Technorati, Anda bisa memasang tombol (button) yang jika diklik akan membuka link favorit di Technorati. Salah satunya adalah seperti ini (opens in new tab).
Selain tombol submit/favorite Technorati, sekumpulan tombol yang diberi nama SexyBookmarks v2 For Blogger ini juga mempunyai tombol bookmark lain untuk menyetor postingan blog ke situs penanda sosial sejenis seperti Del.icio.us, BlinkList, Tumblr, dan sejenisnya.
Klik di sini jika Anda ingin (mengetahui cara) memasang tombol buatan Naeem Noor dari situs Css Reflex ini.
Atau jika ingin artikel blog tersubmit secara otomatis, bergabung saja menjadi anggota (join) di Technorati. Caranya:
  • kunjungi halaman Join atau Sign up Technorati,
  • isi data diri Anda,
  • pastikan Member name Anda tidak berspasi, misalnya seperti AndresTutorialBlog, bukannya Andre’s Tutorial Blog,
  • kemudian klik Join jika semua data sudah terisi dengan benar.
  • Akan muncul halaman yang menganjurkan Anda untuk membuka inbox email dan melakukan klik di link untuk melakukan verifikasi.
  • Jadi, buka email dan klik pada link atau tautan biru untuk memverifikasi pendaftaran Anda di Technorati.
  • Jika sudah, akan muncul pesan bahwa akun sudah terverifikasi.
  • Kini Anda siap menggunakan akun Technorati. Klik Sign In.
  • Masukkan Username (Member Name) dan Password (Kata Sandi) Anda.
  • Klik Login.
  • Di halaman Technorati, klik pada Username (Member name atau nama pengguna) Anda.
  • Anda bisa langsung ke bagian kotak My claimed blogs untuk segera mengklaim blog Anda dan dengan demikian nantinya semua postingan yang Anda buat/ketik di blog akan secara otomatis ter-submit ke indeks Technorati.
  • Atau bisa juga melengkapi data diri Anda dengan mengupload atau mengunggah foto di bagian My profile image, atau melengkapi bagian My profile dan My bio.
  • Setelah mengetik URL lengkap blog atau web, klik Claim.
  • Lalu akan muncul halaman Claim a new blog. Lengkapi detilnya di bagian Details. Bagian ini wajib diisi.
  • Untuk Feed URL bisa diisi dengan: http://nama blog.blogspot.com/atom.xml
  • atau bisa juga http://nama blog.blogspot.com/rss.xml
  • tetapi Technorati memakai Atom Feed, jadi lebih baik pakai yang atom.xml
  • (ganti teks berwarna merah [nama blog.blogspot] dengan alamat URL blog Anda).
  • Kemudian isi deskripsi tentang blog Anda di kotak bagian Site description.
  • Dan isi kategori blog Anda di Site Categories. Bisa memilih lebih dari empat kategori.
  • Lalu ketik tag atau beri label blog Anda di Site tags. Ini juga untuk mendeskripsikan blog Anda.
  • Selanjutnya klik tombol Proceed to the next step.
  • Jika semua terisi dengan benar, maka muncul halaman Blog claim status yang menyatakan bahwa klaim blog Anda sejauh ini berjalan dengan lancar. Dan Anda akan dihubungi untuk instruksi lebih lanjut guna melengkapi klaim yang dibuat.
  • Mungkin Anda tidak langsung dihubungi segera setelah proses ini selesai. Jadi harap bersabar (sementara waktu, Anda bisa klik Return to profile untuk melengkapi data profil Anda).
  • Selanjutnya cek inbox email Anda. Jika ada email lagi dari Technorati yang membicarakan claim token berarti proses klaim sudah hampir selesai. Copy kode claim token dan klik link ke http://technorati.com/account/.
  • Lalu Anda harus Log in atau Sign in ke blog Anda dan membuat sebuah postingan dan paste kode claim token yang tadi Anda copy.
  • Anda bisa menamai postingan ini sesuai keinginan, misalnya Techno Claim.
  • Kemudian klik Publish untuk mempublikasikan kode claim token tadi sebagai posting blog.
  • Lalu di halaman My claimed blogs, klik pada tombol Check claim.
  • Jika Technorati sudah sukses mengirimkan spider-nya dan sukses melalukan crawl ke posting kode claim token tadi, maka akan muncul pesan seperti di bawah ini. Anda tinggal menunggu review. Ini mungkin agak lama. Anda harus menunggu.
  • Jika review telah selesai, maka Anda akan mendapatkan My claimed blogs yang seperti berikut ini:
  • Anda bisa mengklaim lebih dari satu blog. Cukup ketik alamat URL blog di kotak Start a blog claim: dan kemudian klik Claim.
  • Ulangi langkah yang sama dari awal sampai proses review selesai.
  • Demikian cara membuat akun dan sekaligus cara mengklaim blog di Technorati.

SexyBookmarks v2 For Blogger

 SexyBookmarks v2 For Blogger
Sexybookmarks for Blogger v2

I being a blogger user for quite a long time, still love to give back to the community one way or other. This time again, I have tried to give back to the community by making the new version of Sexy Bookmarks compatible with blogger. The Sexy Bookmarks V1 was a huge hit and many folks are still using it. I feel really happy and thankful to all who supported me last time. Looking forward for same support this time also.  Hope you like this new version.

You may be interested in these older posts
13 Magnificent Free WordPress Portfolio Themes
15 Free Awesome Social Bookmark Icons Sets
5 Essential Google Cheat Sheets Which Surely Will Come in Handy


Now, Lets begin.

NOTE: !Before changing your template, don’t forget to backup your template and your widgets!
1. First, of course go to your template editor and tick the “Expand Widget Template”.
2. Put the following code before </head>

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function() {
// xhtml 1.0 strict way of using target _blank
jQuery('.sexy-bookmarks a.external').attr("target", "_blank");
// this block sets the auto vertical expand when there are more than
// one row of bookmarks.
var sexyBaseHeight=jQuery('.sexy-bookmarks').height();
var sexyFullHeight=jQuery('.sexy-bookmarks ul.socials').height();
if (sexyFullHeight>sexyBaseHeight) {
jQuery('.sexy-bookmarks-expand').hover(
function() {
jQuery(this).animate({
height: sexyFullHeight+'px'
}, {duration: 400, queue: false});
},
function() {
jQuery(this).animate({
height: sexyBaseHeight+'px'
}, {duration: 400, queue: false});
}
);
}
// autocentering
if (jQuery('.sexy-bookmarks-center')) {
var sexyFullWidth=jQuery('.sexy-bookmarks').width();
var sexyBookmarkWidth=jQuery('.sexy-bookmarks:first ul.socials li').width();
var sexyBookmarkCount=jQuery('.sexy-bookmarks:first ul.socials li').length;
var numPerRow=Math.floor(sexyFullWidth/sexyBookmarkWidth);
var sexyRowWidth=Math.min(numPerRow, sexyBookmarkCount)*sexyBookmarkWidth;
var sexyLeftMargin=(sexyFullWidth-sexyRowWidth)/2;
jQuery('.sexy-bookmarks-center').css('margin-left', sexyLeftMargin+'px');
}
});
</script> 



And this one too,



<style type="text/css">
div.sexy-bookmarks{margin:20px 0 0 0; border: 0;outline: none;clear:both !important}
div.sexy-bookmarks-expand{height:29px; overflow:hidden}
.sexy-bookmarks-bg-sexy, .sexy-bookmarks-bg-love{background-image:url('http://img31.imageshack.us/img31/176/sexytrans.png') !important; background-repeat:no-repeat}
div.sexy-bookmarks-bg-love{padding:26px 0 0 10px; background-position:left -1148px !important}
div.sexy-bookmarks ul.socials{width:100% !important; margin:0 !important; padding:0 !important; float:left}
div.sexy-bookmarks ul.socials li{display:inline !important; float:left !important; list-style-type:none !important; margin:0 !important; height:29px !important; width:60px !important; cursor:pointer !important; padding:0 !important}
div.sexy-bookmarks ul.socials li:before, div.sexy-bookmarks ul.socials li:after, div.sexy-bookmarks ul.socials li a:before, div.sexy-bookmarks ul.socials li a:after{content:none !important}
div.sexy-bookmarks ul.socials a{display:block !important; width:60px !important; height:29px !important; text-indent:-9999px !important; background-color:transparent !important}
div.sexy-bookmarks ul.socials a:hover{background-color:transparent !important}
.sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumbleupon, .sexy-stumbleupon:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoobuzz, .sexy-yahoobuzz: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-scriptstyle, .sexy-scriptstyle:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-comfeed, .sexy-comfeed:hover, .sexy-newsvine, .sexy-newsvine:hover, .sexy-linkedin, .sexy-linkedin:hover, .sexy-google, .sexy-google:hover, .sexy-friendfeed, .sexy-friendfeed:hover{background:url('http://img717.imageshack.us/img717/3006/sexyspritenew.png') no-repeat !important;border: 0;outline: none;}
.sexy-digg{background-position:-980px bottom !important}
.sexy-digg:hover{background-position:-980px top !important}
.sexy-reddit{background-position:-700px bottom !important}
.sexy-reddit:hover{background-position:-700px top !important}
.sexy-stumbleupon{background-position:-630px bottom !important}
.sexy-stumbleupon:hover{background-position:-630px top !important}
.sexy-delicious{background-position:-1190px bottom !important}
.sexy-delicious:hover{background-position:-1190px top !important}
.sexy-yahoobuzz{background-position:-1120px bottom !important}
.sexy-yahoobuzz:hover{background-position:-1120px top !important}
.sexy-blinklist{background-position:-1260px bottom !important}
.sexy-blinklist:hover{background-position:-1260px top !important}
.sexy-technorati{background-position:-560px bottom !important}
.sexy-technorati:hover{background-position:-560px top !important}
.sexy-myspace{background-position:-770px bottom !important}
.sexy-myspace:hover{background-position:-770px top !important}
.sexy-twitter{background-position:-490px bottom !important}
.sexy-twitter:hover{background-position:-490px top !important}
.sexy-facebook{background-position:-1330px bottom !important}
.sexy-facebook:hover{background-position:-1330px top !important}
.sexy-mixx{background-position:-840px bottom !important}
.sexy-mixx:hover{background-position:-840px top !important}
.sexy-scriptstyle{background-position:-280px bottom !important}
.sexy-scriptstyle:hover{background-position:-280px top !important}
.sexy-designfloat{background-position:-1050px bottom !important}
.sexy-designfloat:hover{background-position:-1050px top !important}
.sexy-newsvine{background-position:left bottom !important}
.sexy-newsvine:hover{background-position:left top !important}
.sexy-google{background-position:-210px bottom !important}
.sexy-google:hover{background-position:-210px top !important}
.sexy-comfeed{background-position:-420px bottom !important}
.sexy-comfeed:hover{background-position:-420px top !important}
.sexy-linkedin{background-position:-70px bottom !important}
.sexy-linkedin:hover{background-position:-70px top !important}
.sexy-friendfeed{background-position:-1750px bottom !important}
.sexy-friendfeed:hover{background-position:-1750px top !important}
.sexy-link{ margin-left:25px; float:left}
.sexy-link A{padding:10px 0; width:470px; text-align:right; border:0; outline:none}</style>



3. Now Put the below code after <data:post.body/>

<div class='sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-bg-love' style='margin:20px 0 0 0 !important; padding:25px 0 0 10px !important; height:29px;/*the height of the icons (29px)*/ display:block !important; clear:both !important;'>
<ul class='socials'>
<li class='sexy-delicious'><a class='external' expr:href='&quot;http://del.icio.us/post?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on del.icio.us'>Share this on del.icio.us</a></li>
<li class='sexy-digg'><a class='external' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Digg this!'>Digg this!</a></li>
<li class='sexy-stumbleupon'><a class='external' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Stumble upon something good? Share it on StumbleUpon'>Stumble upon something good? Share it on StumbleUpon</a></li>
<li class='sexy-reddit'><a class='external' expr:href='&quot;http://reddit.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Reddit'>Share this on Reddit</a></li>
<li class='sexy-google'><a class='external' expr:href='&quot;http://www.google.com/bookmarks/mark?op=add&amp;bkmk=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Add this to Google Bookmarks'>Add this to Google Bookmarks</a></li>
<li class='sexy-twitter'><a class='external' expr:href='&quot;http://twitter.com/home?status=Reading: &quot; + data:blog.title + &quot; - &quot; + data:post.url + &quot; (@NAME)&quot;' rel='nofollow' title='Tweet This!'>Tweet This!</a></li>
<li class='sexy-facebook'><a class='external' expr:href='&quot;http://www.facebook.com/share.php?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Facebook'>Share this on Facebook</a></li>
<li class='sexy-mixx'><a class='external' expr:href='&quot;http://www.mixx.com/submit?page_url=&quot; + data:post.url' rel='nofollow' title='Share this on Mixx'>Share this on Mixx</a></li>
<li class='sexy-comfeed'><a class='external' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='nofollow' title='Subscribe'>Subscribe</a></li>
<li class='sexy-yahoobuzz'><a class='external' expr:href='&quot;http://buzz.yahoo.com/submit/?submitUrl=&quot; + data:post.url' rel='nofollow' title='Buzz up!'>Buzz up!</a></li>
<li class='sexy-linkedin'><a class='external' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Linkedin'>Share this on Linkedin</a></li>
<li class='sexy-designfloat'><a class='external' expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Submit this to DesignFloat'>Submit this to DesignFloat</a></li>
<li class='sexy-technorati'><a class='external' expr:href='&quot;http://technorati.com/faves?add=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Technorati'>Share this on Technorati</a></li>
<li class='sexy-scriptstyle'><a class='external' expr:href='&quot;http://scriptandstyle.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Submit this to Script &amp; Style'>Submit this to Script &amp; Style</a></li>
<li class='sexy-myspace'><a class='external' expr:href='&quot;http://www.myspace.com/Modules/PostTo/Pages/?u=http&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Post this to MySpace'>Post this to MySpace</a></li>
<li class='sexy-blinklist'><a class='external' expr:href='&quot;http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Blinklist'>Share this on Blinklist</a></li>
<li class='sexy-friendfeed'><a class='external' expr:href='&quot;http://friendfeed.com/?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on FriendFeed'>Share this on FriendFeed</a></li>
<li class='sexy-newsvine'><a class='external' expr:href='&quot;http://www.newsvine.com/_tools/seed&amp;save?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Seed this on Newsvine'>Seed this on Newsvine</a></li>
</ul>
<div style='clear:both;'/>
</div>
<div class='sexy-link'> Widget by <a href='http://www.cssreflex.com/' title='Web Design Blog, Blogger Hacks and Blogger templates'>Css Reflex </a>|<a href='http://www.tutzone.org/' title='Tutorials, Rare Downloads, Link Heaven, Tips Tricks, Hacks, Make How, Blogger Tricks And Tutorials, Internet, News, And Many More'> TutZone</a></div>



I no longer host the images on my server due to limited bandwidth please kindly upload the images on your own server and replace the links.
Mirror 1
For any query please reply here

15 Free Awesome Social Bookmark Icons Sets

Twitter Delicious Facebook Digg Stumbleupon Favorites More