Cara Membuat Label / Tag Cloud Blogumus

Anda mungkin pernah melihat label/tag yang berbentuk bulat dan berputar,disini saya akan sedikit sharinng cara membuat tag itu.

Langkah2nya sebagai berikut:

1. Login ke Blogger.com
2. Pilih Tata letak (Lay Out)
3. Pilih Edit HTML
4. Centang Expand Template Widget
5. Download Template Anda dulu supaya kalau terjadi kegagalan Anda dapat mengembalikan template Anda seperti keadaan semula.
6. Copas kode dibawah ini setelah kode <b:section class='sidebar' id='sidebar' preferred='yes'>
   

<b:widget id='Label100' 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 SWFObjectundefined"http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "210", "200", "7", "#363636"); // uncomment next line to enable transparency //so.addParamundefined"wmode", "transparent"); so.addVariableundefined"tcolor", "0xFFFFFF"); so.addVariableundefined"mode", "tags"); so.addVariableundefined"distr", "true"); so.addVariableundefined"tspeed", "100"); so.addVariableundefined"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.addParamundefined"allowScriptAccess", "always"); so.writeundefined"flashcontent"); </script> <b:include name='quickedit'/> </div> </b:includable> </b:widget>

7. Selanjutnya Save Template





http://rasiqzonetwork.blogspot.com/2010/01/bikin-labeltag-cloud-berputar.html

Read More

Membuat Postingan Terbaru Per Katagori

Hari ini saya mendapatkan sebuah tips trik untuk blog dari oketrik, yaitu Membuat Postingan Terbaru per Kategori.
Buat yang belum tau lihat di kanan blog saya.
langsung saja saya jelaskan cara nya ;


1. Seperti biasa login ke blogger

masuk ke Rancangan (dulunya tata letak) >> Elemen Halaman

setelah berada pada elemen halaman, tambahkan sebuah gadget (terserah sobat letak penambahannya dimana saja) lalu pilih yang HTML/Javascript

setelah itu masukan kode di bawah ini

<script src="http://oketrik.googlecode.com/files/recent-post.js"></script>
<script>var numposts = 5; var showpostdate = false; var showpostsummary = true; var numchars = 100; </script>
<script src="http://NAMABLOGSOBAT.blogspot.com/feeds/posts/default/-/NAMAKATEGORI?orderby=published&alt=json-in-script&callback=rp">
</script><br />
<a href="http://NAMABLOGSOBAT.blogspot.com/search/label/NAMAKATEGORI">Other Posts >></a>

Penjelasan :

4. • 5 >> dapat sobat rubah karena ini menunjukan berapa post yang akan di tampilkan
   • false >> dapat sobat rubah menjadi true apabila ingin menampilkan tanggal post
   • 100 >> dapat sobat rubah karena ini menunjukan karakter dari isi post tersebut
   • NAMABLOGSOBAT >> Harus sobat ganti dengan namablog sobat
   • NAMAKATEGORI >> Harus sobat ganti dengan nama label yang akan muncul
     
   
5. Setelah itu simpan deh dan lihat hasilnya

Bagaimana mudah bukan Membuat Postingan Terbaru per Kategori? saya rasa penjelasan diatas sudah cukup jelas untuk seorang pemula yang belajar ddi blog dari awal. oiya kalau nama kategori sobat menggunakan spasi maka spasi tersebut sobat ganti dengan %20, misalnya Trik Blog maka penulisannya menjadi Trik%20Blog. Nah sekarang saya mau pamit dulu sampai ketemu di post berikutnya y. Terima kasih dan Happy Blogging

sumber: oketrik via:http://oketrik.blogspot.com/2010/07/membuat-postingan-terbaru-per-kategori.html

Seperti biasa login ke blogger

masuk ke Rancangan (dulunya tata letak) >> Elemen Halaman

setelah berada pada elemen halaman, tambahkan sebuah gadget (terserah sobat letak penambahannya dimana saja) lalu pilih yang HTML/Javascript

Lebih Lengkap di : Membuat Postingan Terbaru per Kategori | Oketrik http://oketrik.blogspot.com/2010/07/membuat-postingan-terbaru-per-kategori.html#ixzz0uHg0tQyM

Read More

Ngeblog Secara Off line Dengan Windows Live Writter

Bagi kita yang koneksi internetnya lambat atau sering putus-putus, atau ingin ngirit besar biaya penggunaan internet untuk blogging maka ini adalah merupakan sebuah kabar gembira. Saat ini kita bisa ngeblog tanpa terhubung dengan internet atau ngeblog offline, tanpa harus sign in ke blogger dan masuk pada dasbor. Lho kok bisa? Jawabnya pasti bisa dengan Windows Live Writter (WLW).

Apakah Windows Live Writter (WLW) itu? WLW adalah salah satu sofware atau produk yang baru saja dirilis oleh Microsoft, sebuah aplikasi editor untuk mempublikasikan postingan kita ke layanan blog paling populer, termasuk Windows Live Spaces, SharePoint, Wordpress, Blogger, LiveJournal, TypePad, Community Server dan banyak lagi.

Jika kita sudah biasa dan akrab menggunakan Microsoft Word, maka kita tidak akan kesulitan lagi menggunakan WLW, bahkan tanpa belajar.

Asyiknya ngeblog offline dengan WLW:
1. Yang pertama karena ini gratis (sukanya yang gratis mulu), tidak perlu sign in lagi ke blogger.

2. Area untuk mengetik ditampilkan secara penuh, sehingga jika kita sudah memiliki artikel diword tinggal copy paste saja (senangnya). Kalau punya banyak artikel tinggal kita atur kapan akan dipublikasikan dengan menset publish date disebelah kanan bgian kategori. Dan menerbitkannya saat kita online.

3. Kita bisa mengupload foto (bahkan lengkap dengan fasilitas edditing dan effecnya, keren khan?), video link, peta, tag, hiperlink, table dan lain lain.

4. Memungkinkan pula untuk mencari tulisan-tulisan yang ada di Local Drafts, Recently Published, atau tulisan terbaru yang sudah diambil langsung dari blog secara online. Untuk yang terakhir ini, terbatas pada jumlah tulisan yang diambil, bukan untuk keseluruhan tulisan pada blog.

5. Dan fitur kerennya lagi preview post kita karena diawal konfigurasi tool aplikasi ini juga mendownload template kita. Jadi hasilnya nanti InsyaAllah sama persis dengan postingan kita diWLW ini. Dengan fitur ini kita juga bisa melihat kode HTMLnya jadi jangan khawatir tidak bisa buat read morenya. He3.

Nah ingin mencoba aplikasi ini, silahkan download langsung disini

Read More

Modifikasi Warna Saat Tulisan Di Blok

Modifikasi Warna Saat Memblock Teks hanya menggunakan css saja dan cara memasang kode css-nya pun menurut saya mudah sekali karena tinggal copy kode yang nanti saya akan berikan lalu taruh deh di tempat menaruh kode css. Oiya sebelumnya sobat tahu maksud dari trik ini? Maksud dari trik diatas adalah Pada saat kita memblock teks di blog kita maka biasanya warna dari block tersebut biru maka akan kita modifikasi menjadi warna yang sobat sukai. Itulah maksud dari trik yang satu ini, kalau sobat masih gak ngerti juga coba sobat block teks di post ini, yang mana saja. Kelihatannya seperti kita tidak memblocknya kan? nah itulah yang dimaksud dari trik ini. Sekarang kita lihat cara memasangnnya.

1. Seperti biasa kita login ke blogger
   
   
   
2. masuk ke Rancangan (dulunya Tata letak) >> Edit HTML
   
   
   
   
   
   
3. setelah itu cari kode ]]> lalu tambahkan kode di bawah ini tepat di atasnya
   
   ::-moz-selection{background:black; color:green}
   ::selection{background:#000; color:#0f0}
   
   Penjelasan :
   
   • Background >> sobat dapat mengubah warna latar belakang teks yang sedang di blog dengan mengganti nilai tersebut dengan kode warna atau dengan teks warna bahasa inggris, misalnya ingin berwarna hijau, sobat tulis disana green
   • Color >> sobat dapat mengganti warna font (teks) dengan kode warna ataupun dengan teks warna bahasa inggris, misalnya ingin berwarna biru, sobat tulis disana blue
   
   
   
4. Setelah itu sobat dapat menyimpannya deh

Bagaimana cara memodifikasi Warna Saat Memblock Teks? mudah bukan, mungkin trik ini sebagian kecil dari salah satu cara untuk Design Template, akan ada kemungkinan saya akan mempublish Template ke-2 saya yang telah saya buat untuk dibagikan, walaupun template saya tidak bagus tapi gpp kan kalau saya membagikannya. saya akhiri dahulu y. Terima kasih dan Happy Blogging.



source : http://oketrik.blogspot.com/2010/07/modifikasi-warna-saat-memblock-teks.html

Read More

Cara Memodifikasi Kotak Komentar

Jika anda kurang menyukai kotak komentar bawaan asli dari blogger,saya jamin dalam waktu kurang dari 5 [lima] menit,anda sudah bisa memodifikasinya form komentar tersebut sendiri.

Sebenarnya,tanpa postingan ‘langkah memodifikasi kotak form komentar’ di Tjah jaranan g0 _blog kali ini,jika anda browse di google saja sudah berjibun artikel tentang cara singkat mengubah atau memodifikasi komentar/comments form tersebut.

Hanya saja,disini saya akan sharing langkah cara mengganti/mem-vermak kotak komentar hanya dengan satu jurus saja.

Hasilnya nanti kurang lebih akan seperti ini [klik ajha biar gambarnya gede,hehe]:

---

---

Langkahnya cukup mudah,saya akan ambil contoh dari salah satu template bawaan blogger.
Pertama anda pergilah ke Dashboard»Tata Letak»Edit Html.
Cari kode dalam barisan css anda,yang hampir sama seperti berikut (mengingat template yang berbeda-beda):

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.2em;
color: $dateHeaderColor;
font: bold 78% Georgia Serif;
}
#comments h4 strong {
font-size:130%;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.4em;
}
#comments-block dt {
margin:.5em 0;
}
#comments-block dd {
margin:.25em 20px 0;
}
#comments-block dd.comment-timestamp {
margin:-.25em 20px 1.5em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block dd p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

---

Jika sudah ketemu,tinggal hapus kode tersebut,dan gantilah dengan kode dibawah ini:

#comments h4 {
color:#666666;
font-weight:bold;
letter-spacing:0.2em;
line-height:1.4em;
margin:1em 0;
text-transform:none;
}
#comments-block {
line-height:1.6em;
margin:1em 0 1.5em;
}
#comments-block .comment-author {
background:#B4F4FF none repeat scroll 0 0;
border:1px solid #B4F4FF;
font-size:15px;
font-weight:bold;
margin-right:20px;
padding:5px;
}
#comments .blogger-comment-icon, .blogger-comment-icon {
background:#EEEEEE none repeat scroll 0 0;
border-color:#CCCCCC #CCCCCC #EEEEEE;
border-style:solid;
border-width:2px 1px 1px;
line-height:16px;
padding:5px;
}
#comments-block .comment-body {
border-left:1px solid #EEEEEE;
border-right:1px solid #EEEEEE;
margin-left:0;
margin-right:20px;
padding:7px;
}
#comments-block .comment-footer {
border-bottom:1px solid #EEEEEE;
border-left:1px solid #EEEEEE;
border-right:1px solid #EEEEEE;
font-size:11px;
line-height:1.4em;
margin:-0.25em 20px 2em 0;
padding:5px;
text-transform:none;
}
#comments-block .comment-body p {
margin:0 0 0.75em;
}
.deleted-comment {
color:gray;
font-style:italic;
}

---

Kode yang bercetak tebal diatas "#B4F4FF" adalah warna block dari header masing-masing komentar,jadi rubahlah sesuai dengan keinginan anda.Bisa anda ganti dengan tulisan black,white,red,blue,dll.
Bisa juga anda menggunakan kode heksa warna untuk memodifikasi warnanya.

Setelah itu,lalu Simpan.
Selesai dech dan lihat hasil komentar tamu-tamu anda sekarang.
Moga bermanfaat ya


sumber : http://pelajaran-blog.blogspot.com/2009/10/langkah-singkat-cara-me-modifikasi.html

Read More

Cara Menghapus Blogger Navbar

Kadang blogger Navbar memang mengganggu pandangan kita.
okey, di turoturial kali ini, saya akan membahas bagaimana cara menghapus Navbar Blogger.
Tapi sebelum itu saya akan menjelaskan fungsi Navbar :

-Untuk mencari di blog

-Untuk pergi ke blog yang dipilih secara acak

-Untuk menandai blog sebagai spam

Langsung aja .

*Logg in ke Blogger anda

*Masuk ke Rancangan

*Edit Html

*Paste kode di bawah ini sebelum

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

*save

Read More

Aku Boonto Blogger Theme

Boonto Feat template adalah ciptaan terbaru dari desainer baru dalam skenario disebut Boonto blogging. Beberapa template yang dibuat oleh dia cukup menarik dan kreatif. Feat Boonto blogger template 3 kolom ini template gambar latar belakang garis hitam dan abu-abu. Header memiliki ruang sempit agar sesuai dengan judul blog dan deskripsi, sedangkan di sisi kanan header Anda dapat memperbarui twitter terbaru Anda. Banyak template baru memiliki fitur twitter dimasukkan di dalamnya. Di bawah ini adalah menu bar untuk kategori dan kotak pencarian. Kolom utama transparan memiliki stempel tanggal yang terpisah dalam kotak persegi, dan komentar-komentar dan label juga muncul dalam kotak di bawah posting tersebut. Kolom dimulai dengan tabber dan bawah yang kotak chatting, yang membuat blog lebih interaktif. Anda dapat menghapusnya jika Anda tidak menyukai fitur tersebut, dan kolom sisi kemudian terpecah menjadi dua kolom lagi.



Footer kolom template Boonto Feat Feat Boonto juga dilengkapi dengan footer 3 kolom di mana Anda dapat menambahkan video Anda, tentang saya, komentator dll atas desain bagus oleh Boonto, terintegrasi dengan banyak fitur.


KLIK DISINI UNTUK DOWNLOAD (Aku Boonto Blogger Theme)

Read More

Download Social Media Icon & Social Signin Butons

Hari ini saya akan membagikan icon - icon yang lucu banget dari komodo.
Ukuran 32 x 32.
Langsung aja:
untuk social media icon KLIK DISINI


Untuk social signin butons KLIK DISINI

itu dulu yang mau saya share. Happy blogging..!!

Read More

Cara Membuat Recent Post Dengan Thumbnail

Jika anda ingin membuat recent post dengan gambar dan bergerak,maka tutor ini akan memberikan cara agar anda memperolah tampilan widget tersebut. Langsung aja deh :

1. Loggin ke blogger

2. Klik pada Rancangan

3. klik tambah gadget

4. Html / javascript

5. copy dan paste kode dibawah ini

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/post.jpg) repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>

<script language='JavaScript'>

imgr = new Array();

imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;

boxwidth = 255;

cellspacing = 6;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 70;

thumbheight = 70;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 10;

home_page = "http://tjahmagelang.blogspot.com/";

limitspy=4
intervalspy=4000

</script>

<div id="spylist">
<script src='http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>

6. ganti tulisan "http://tjahmagelang.blogspot.com" dengan url blog kamu

7. save, dan kamu berhasil







artikel boleh disebar luaskan dengan seijin dan cantumkan alamat link sumber..

Read More

Sosial Sexy bookmarks v2 untuk blogger

Kemaren waktu saya muter - muter , ekh ketemu sama tutor yang menarik buat blogger.
yaitu SexyBookmarks v2 For Blogger, langsung aja saya share disini biar pada yang belum tau bisa nikmatin tu betapa seksinya..hehe . bagi yang pengen liat,contohnya ada di bawah postingan ini, di bawah Artikel Terkait. Lintasin aja cursor kamu disitu...
langsung aja deh

1.Log ke dashboard -> Rancangan--> Edit HTML

2.Click pada "Expand Template Widget"

3.cari kode tag </ head>.

4.paste kode di bawah sebelum tag </ 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(&#39;.sexy-bookmarks a.external&#39;).attr(&quot;target&quot;, &quot;_blank&quot;);
// this block sets the auto vertical expand when there are more than
// one row of bookmarks.
var sexyBaseHeight=jQuery(&#39;.sexy-bookmarks&#39;).height();
var sexyFullHeight=jQuery(&#39;.sexy-bookmarks ul.socials&#39;).height();
if (sexyFullHeight&gt;sexyBaseHeight) {
jQuery(&#39;.sexy-bookmarks-expand&#39;).hover(
function() {
jQuery(this).animate({
height: sexyFullHeight+&#39;px&#39;
}, {duration: 400, queue: false});
},
function() {
jQuery(this).animate({
height: sexyBaseHeight+&#39;px&#39;
}, {duration: 400, queue: false});
}
);
}
// autocentering
if (jQuery(&#39;.sexy-bookmarks-center&#39;)) {
var sexyFullWidth=jQuery(&#39;.sexy-bookmarks&#39;).width();
var sexyBookmarkWidth=jQuery(&#39;.sexy-bookmarks:first ul.socials li&#39;).width();
var sexyBookmarkCount=jQuery(&#39;.sexy-bookmarks:first ul.socials li&#39;).length;
var numPerRow=Math.floor(sexyFullWidth/sexyBookmarkWidth);
var sexyRowWidth=Math.min(numPerRow, sexyBookmarkCount)*sexyBookmarkWidth;
var sexyLeftMargin=(sexyFullWidth-sexyRowWidth)/2;
jQuery(&#39;.sexy-bookmarks-center&#39;).css(&#39;margin-left&#39;, sexyLeftMargin+&#39;px&#39;);
}
});
</script>

<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(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJg-bO6ugfhuG1Ae1S4eSjntJyQ1aq-82PGJbKQllnr8gc5Ctz57s0AnIqc3Sq1hEL1y1sPDge6cD3aNvE7spGPh63OWhyH0gydOy8uxzNxQmYjW3DMr-VlvYlIuM4lTvSmKyUUuipdVZW/&#39;) !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:95% !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(&#39;http://bnote.googlecode.com/files/sexy-sprite-new.png&#39;) 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>

PENTING : mungkin gambar tidak akan lama di hosting, download dan hosting sendiri,
download DISINI

5. cari kode <data:post.body/>

6. Paste kode dibawah ini setelah kode <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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>
</b:if>

7. klik save, dan kamu berhasil.


!!!!!! artikel boleh di sebar luaskan tapi , harus mencantumkan link sumber !!!!!


jangan lupa komentarnya..!!

Read More

Roundy - Social Networking Icon Set Gratis

Hari ini saya akan membagikan Icon - Icon Social Networking yang pastinya GRATIS,


okey langsung aja bagi yang mau download :
ukuran 1.8 mb
file .zip

Read More

Cara Menambahkan Tombol "AddThis" bookmarking dan Sharing di Blogger

Dalam tutorial ini saya menjelaskan bagaimana cara menambahkan "AddThis" Bookmarking Sosial & tombol Berbagi untuk posts.Setelah blogger Anda menambahkan tombol bookmark sosial ini, pengunjung Anda dengan mudah dapat membuat penunjuk untuk posting blog Anda ke lebih dari 100 services.Jadi bookmark sosial jika Anda ingin menambahkan tombol ini ke blog Anda ikuti langkah-langkah di bawah ini.










1.Login ke dashboard blogger Anda -> layout--> Edit HTML

2.Click pada "Expand Template Widget"

3.Cari kode di bawah :

<data:post.body/> .

4.Sekarang paste salah satu kode di bawah ini sebelum kode <data:post.body/>

Code 1:

<div style='float:right;margin-right:10px;margin-top:20px;'>

<!-- AddThis Button BEGIN -->
<div><a expr:addthis:title='data:post.title' expr:addthis:url='data:post.url' class='addthis_button'><img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4b55855363d6632d"></script></div>
<!-- AddThis Button END -->

</div>

Hasil


Code 2

<div style='float:right;margin-right:10px;margin-top:20px;'>

<!-- AddThis Button BEGIN -->
<div><a expr:addthis:title='data:post.title' expr:addthis:url='data:post.url' class='addthis_button'><img src="http://s7.addthis.com/static/btn/v2/lg-bookmark-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4b558593299fd997"></script></div>
<!-- AddThis Button END -->

</div>

Hasil


Kode 3

<div style='float:right;margin-right:10px;margin-top:20px;'>

<!-- AddThis Button BEGIN -->
<div><a expr:addthis:title='data:post.title' expr:addthis:url='data:post.url' class='addthis_button'><img src="http://s7.addthis.com/static/btn/v2/lg-addthis-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4b5585c80ff82aac"></script></div>
<!-- AddThis Button END -->

</div>

Hasil



Kode 4

<div style='float:right;margin-right:10px;margin-top:20px;'>

<!-- AddThis Button BEGIN -->
<div><a expr:addthis:title='data:post.title' expr:addthis:url='data:post.url' class='addthis_button'><img src="http://s7.addthis.com/static/btn/sm-share-en.gif" width="83" height="16" alt="Bookmark and Share" style="border:0"/></a>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4b5586845b60ff40"></script></div>
<!-- AddThis Button END -->

</div>

Hasil








Kode 5

<div style='float:right;margin-right:10px;margin-top:20px;'>

<!-- AddThis Button BEGIN -->
<div><a expr:addthis:title='data:post.title' expr:addthis:url='data:post.url' class='addthis_button'><img src="http://s7.addthis.com/static/btn/sm-bookmark-en.gif" width="83" height="16" alt="Bookmark and Share" style="border:0"/></a>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4b55875379b5c8f3"></script></div>
<!-- AddThis Button END -->

</div>

Hasil





Kode 6

<div style='float:right;margin-right:10px;margin-top:20px;'>

<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'><a class='addthis_button_facebook'></a>
<a class='addthis_button_email'></a>
<a class='addthis_button_favorites'></a>
<a class='addthis_button_print'></a>
<span class='addthis_separator'>|</span>
<a href='http://www.addthis.com/bookmark.php?v=250&amp;username=xa-4b5586c652f95395' class='addthis_button_expanded'>More</a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4b5586c652f95395"></script>
<!-- AddThis Button END -->

</div>

Hasil






Kode 7

<div style='float:right;margin-right:10px;margin-top:20px;'>

<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'><a href='http://www.addthis.com/bookmark.php?v=250&amp;username=xa-4b5587e277ca916d' class='addthis_button_compact'>Share</a>
<span class='addthis_separator'>|</span>
<a class='addthis_button_facebook'></a>
<a class='addthis_button_myspace'></a>
<a class='addthis_button_google'></a>
<a class='addthis_button_twitter'></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4b5587e277ca916d"></script>
<!-- AddThis Button END -->

</div>

Hasil






Kode 8

<div style='float:right;margin-right:10px;margin-top:20px;'>

<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'><a href='http://www.addthis.com/bookmark.php?v=250&amp;username=xa-4b55883524f285e8' class='addthis_button_compact'>Share</a>
<span class='addthis_separator'>|</span>
<a class='addthis_button_facebook'></a>
<a class='addthis_button_email'></a>
<a class='addthis_button_favorites'></a>
<a class='addthis_button_print'></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4b55883524f285e8"></script>
<!-- AddThis Button END -->

</div>

Hasil






Kode 9

<div style='float:right;margin-right:10px;margin-top:20px;'>

<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'><a href='http://www.addthis.com/bookmark.php?v=250&amp;username=xa-4b5588770c1bff63' class='addthis_button_compact'>Share</a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4b5588770c1bff63"></script>
<!-- AddThis Button END -->

</div>

Hasil




Kode 10

<div style='float:right;margin-right:10px;margin-top:20px;'>

<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'><a href='http://www.addthis.com/bookmark.php?v=250&amp;username=xa-4b5588b76e958c62' class='addthis_button_compact'></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4b5588b76e958c62"></script>
<!-- AddThis Button END -->

</div>

Hasil


okey itu aja yang saat ini aku tau..
Jangan lupa COMENT...

Read More

Wibiya : Tolbar Paling Canggih

Wibiya salah satu website yang menyediakan fasilitas free toolbar untuk blog Anda, toolbar dari wibia ini sangat canggih.
Fitur dari toolbar wibiya ini diantaranya : pencarian langsung, who's online, live video, translate, timeline, Bermacam-macam Facebook widget, twitter, youtube, Live chat dan foto sharing kamu. Hmmm canggih bukan toolbar ini? penasaran ingin lihat Demonya?? langsung aja kunjungi wibia
dan lihat di browser kamu bagian bawah
Setelah Anda melihat-lihat apakah Anda ingin memasangnya kedalam Blogger Anda? Nah dibawah ini ulasan cara membuatnya.

1. Langsung buka Wibiya.com dan klik tombol "Get IT Now

2. Pada form "create an acount"isi form sesuai data anda lalu klik tombol "next"

3. Lalu pilih tema toolbar Anda pada bagian "Select A Theme" Lalu klik tombol "Next"

4. Pada bagian "Application Setting" configurasi account-account Anda kedalam toolbar tersebut, Seletlah itu klik tombol "Next"

5. Pada bagian "Add it" atau final installation klik logo "Blogger" atau install on blogger

6. Pastikan Anda sudah Log in blogger untuk memasang widgetnya, setelah Anda klik logo blogger pada tahap Final, Anda langsung ditujukan pada "Import page elements" blogger











7. Select blog yang Anda ingin pasang Toolbarnya, Lalu klik tombol "Add Widget" maka toolbar akan terpasang otomatis dan melayang di bagian bawah blog Anda.

Nah selesai deh ulasan tentang cara membuat Toolbar canggih wibiya, toolbar ini banyak digunakan oleh para pemilik website untuk mempercanggih websitenya, jadi blog kita jika menggunakan toolbar ini serasa seperti di Facebook.

Read More

template blogger terlengkap

Template adalah salah satu

kelengkapan blog merupakan hal penting yang perlu Anda pikirkan sejak awal. Penggunaan template yang baik dan tentu saja harus cocok dengan fungsinya akan mempermudah dan meningkatkan citra blog Anda dimata para pembaca setia blog Anda.

Saya ingin memperkenalkan sebuah sumber template yang bagus dan yang sangat mengagumkan.yang bernama

Blogspot Template.com.

silahkan download dan jangan lupa coment ya!!!!

Read More