10 Widget Animasi Follow Me On Twitter Untuk Blogspot

Tweet

<object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON9/twitbutton.swf" width="106" height="100"><param name="movie" value="http://www.buzzbuttons.com/BUTTON9/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=yusoekamti"></param><a href="http://www.gamblinginsider.ca/casino-games/roulette/" title="Canadian roulette">Canadian roulette</a><embed src="http://www.buzzbuttons.com/BUTTON9/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="106" height="100" menu="false" wmode="transparent" flashvars="username=yusoekamti"></embed></object>

<object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON11/twitbutton.swf" width="108" height="101"><param name="movie" value="http://www.buzzbuttons.com/BUTTON11/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=yusoekamti"></param><a href="http://www.gamblinginsider.ca/casino-games/video-poker/" title="learn about mobile videopoker">learn about mobile videopoker</a><embed src="http://www.buzzbuttons.com/BUTTON11/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="108" height="101" menu="false" wmode="transparent" flashvars="username=yusoekamti"></embed></object>

<object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf" width="200" height="200"><param name="movie" value="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=yusoekamti"></param><a href="http://www.gamblinginsider.ca" title="up your game at Gambling Insider">up your game at Gambling Insider</a><embed src="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="200" height="200" menu="false" wmode="transparent" flashvars="username=yusoekamti"></embed></object>

<object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON7/twitbutton.swf" width="180" height="200"><param name="movie" value="http://www.buzzbuttons.com/BUTTON7/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=yusoekamti"></param><a href="http://www.gamblinginsider.ca/casino-games/video-poker/" title="learn about mobile videopoker">learn about mobile videopoker</a><embed src="http://www.buzzbuttons.com/BUTTON7/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="180" height="200" menu="false" wmode="transparent" flashvars="username=yusoekamti"></embed></object>

<object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON12/twitbutton.swf" width="182" height="202"><param name="movie" value="http://www.buzzbuttons.com/BUTTON12/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=yusoekamti"></param><a href="http://www.gamblinginsider.ca/casino-games/" title="gamblinginsider.ca">gamblinginsider.ca</a><embed src="http://www.buzzbuttons.com/BUTTON12/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="182" height="202" menu="false" wmode="transparent" flashvars="username=yusoekamti"></embed></object>

<object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON10/twitbutton.swf" width="108" height="101"><param name="movie" value="http://www.buzzbuttons.com/BUTTON10/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=yusoekamti"></param><a href="http://www.gamblinginsider.ca" title="mobile casino">mobile casino</a><embed src="http://www.buzzbuttons.com/BUTTON10/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="108" height="101" menu="false" wmode="transparent" flashvars="username=yusoekamti"></embed></object>

<object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON14/twitbutton.swf" width="100" height="100"><param name="movie" value="http://www.buzzbuttons.com/BUTTON14/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=yusoekamti"></param><a href="http://www.gamblinginsider.ca" title="mobile casino">mobile casino</a><embed src="http://www.buzzbuttons.com/BUTTON14/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="100" height="100" menu="false" wmode="transparent" flashvars="username=yusoekamti"></embed></object>

<object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON4/twitbutton.swf" width="120" height="120"><param name="movie" value="http://www.buzzbuttons.com/BUTTON4/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=yusoekamti"></param><a href="http://www.gamblinginsider.ca" title="up your game at Gambling Insider">up your game at Gambling Insider</a><embed src="http://www.buzzbuttons.com/BUTTON4/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="120" height="120" menu="false" wmode="transparent" flashvars="username=yusoekamti"></embed></object>

<object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON1/twitbutton.swf" width="180" height="90"><param name="movie" value="http://www.buzzbuttons.com/BUTTON1/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=yusoekamti"></param><a href="http://www.gamblinginsider.ca/casino-games/roulette/" title="Canadian roulette">Canadian roulette</a><embed src="http://www.buzzbuttons.com/BUTTON1/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="180" height="90" menu="false" wmode="transparent" flashvars="username=yusoekamti"></embed></object>

<object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON2/twitbutton.swf" width="180" height="90"><param name="movie" value="http://www.buzzbuttons.com/BUTTON2/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=yusoekamti"></param><a href="http://www.gamblinginsider.ca" title="online gambling insider.ca">online gambling insider.ca</a><embed src="http://www.buzzbuttons.com/BUTTON2/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="180" height="90" menu="false" wmode="transparent" flashvars="username=yusoekamti"></embed></object>

• Masuk ke Dashboard - Design/Rancangan - Add Gadget - Pilih HTML/Javascript - copy paste salah satu scripts yang kalian pilih - Save
• Ganti nama yusoekamti dengan id twitter kalian, kalau belum punya id twitter, silahkan membuat akun twitter terlebih dahulu

Bentuk-bentuk border park 2

Tweet

Contoh Border 1

BORDER-1

.border-1 {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
border: 2px solid #A89D61;
}

Contoh Border 2

BORDER-2

.border-2 {
-moz-border-radius-topleft: 30px;
-moz-border-radius-bottomright: 30px;
-webkit-border-top-left-radius: 30px;
-webkit-border-bottom-right-radius: 30px;
border: 2px solid #A89D61;
}

Contoh Border 3

CIRCLE

.circle {
-moz-border-radius: 80px;
-webkit-border-radius: 80px;
border-radius: 80px;
border: 2px solid #A89D61;
background:#D2CCAD;
width: 150px;
height: 150px;
}

baca juga disini

Macam Jenis Garis Border Template Blog

Tweet

Dari beberapa jenis garis border yang familiar dan umum kita jumpai adalah garis DOTTED (garis titik-titik), SOLID (garis lurus), DOUBLE (garis lurus double), selain dari ketiga macam garis border tersebut masih ada beberapa jenis garis yang bisa kita pakai untuk mendesign tampilan blog supaya mempunyai ciri berbeda dengan tampilan lainnya.

Dalam penggunaanya dalam template, garis-garis border tersebut dalam kode css-nya adalah sebagai berikut:

border:2px solid #dedede;

2px menunjukan ketebalan dari garis tersebut, semakin besar angkannya, semakin tebal garis border tersebut, solid menunjukan jenis garis border, sedangkan #dedede merupakan kode warna untuk memberi warna garis border.

border-top:2px solid #dedede;
border-bottom:9px dotted #ffffff;
border-left:1px dashed #000000;
border-right:5px double #cccccc;

Kode tersebut diatas menunjukan perbedaan pada setiap sisi-sisinya yang berbeda, baik itu ketebalan garis, jenis garis dan warna garis.

Untuk mengetahui macam jenis garis border, saya ilustrasikan dalam bentuk contoh dengan ukuran ketebalan garis 15px dan warna #72C7F8 untuk mengetahui perbedaan dari jenis-jenis garis border tersebut.

DOTTED

DASHED

SOLID

DOUBLE

GROOVE

RIDGE

INSET

OUTSET

 Setelah mengetahui jenis-jenis garis border, kalian bisa lebih menonjolkan garis-garis border tersebut untuk design tampilan blog kalian

selamat beriimajinasi dan salam Gue-Galau

Css ScrollBar Untuk Merubah Warna, Bentuk, dan Ukuran Scroll.

Tweet

kepengen kan ? tapi trik ini hanya bisa di gunakan chrome milik google saja
soalnya di mozilla belum di dukung penuh dan saya perna coba membedakan hasil dari trik ini
key langsung aja yuk :D

letakan kode berikut di atas kode ]]></b:skin>

::-webkit-scrollbar {
width: 10px;
background: #cc3000;
-webkit-border-radius:10px;
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
background: #000000;
-webkit-border-radius:10px;
border-radius: 10px;
}

Untuk menyesuaikan warna scroll dengan warna dasar blog, kalian bisa merubah pada bagian background dengan merubah kode warnanya, ukuran pada kode width dan bentuk pada kode border-radius.
dan dalam beberapa template penempatan css scrollbar ini tidak berjalan dengan baik
pratinjau dulu jika efek tidak berfungsi
letakan kode yang kalian copy tadi, dan pastekan di bawah kode <b:skin><![CDATA[