BLOG MASTER: gadget

Tampilkan postingan dengan label gadget. Tampilkan semua postingan

MELAJUKAN KOMPUTER

Written By Unknown on Minggu, 13 Mei 2012 | 22.05

Faktur yang membuat loading internet cepat ialah,

Jenis signal.HSDPA adalah signal paling kuat dibanding 3g 2g gprs dan edge.
Quota pakej.
Koneksi atau yang disebut kuat lemahnya signal.
Komputer.Semakin besar memory yang dimiliki PC komputer semakin cepat proses pengunduhan data atau yang disebut loading.

Selain daripada diatas ada tekhnik melajukan kerja komputer dan internet.

Open file
File C
Open file windows
Open prefecth ---> continue
Hapus semua file

File prefecth ialah file file yang terunduh secara tidak sengaja saat loading maupun mengunduh filedata.Hal sebenar loading adalah pengunduhan data situs dan ianya sama dengan pengunduhan filedata semisal mp3 atau video akan tetapi file tidak tersimpan di komputer.Hal ini yang kadang menyekatkan virus dan malware saat mengunjungi situs/blog.

langkah seterusnya.

Open file
klick kanan mouse di file C
Pilih Properties
Pilih disk cleanup
Selesai cleanup keluar tab klik ok ---> delette file

Cara ini disebut disk cleanup yaitu membersihkan file komputer yang tidak berguna.

Terakhir sekali restart komputer.

Selain cara diatas alangkah baiknya bila file yang tidak guna selalu di hapus (mengosongkan file download) dan selalu membersihkan file sampah.

Dibawah ini gambar orang orang menguatkan signal broadband.

VIDEO FACEBOOK ON BLOG

Video diatas saya upload ke facebook satu tahun yang lalu,dan bagaimana cara saya menampilkan video facebook ke dalam blog?Ikuti langkah ini.

1.Sila ambik kod

<div dir="ltr" style="text-align: center;" trbidi="on">
<object height="224" width="400"> <param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="movie" value="http://www.facebook.com/v/nombor video" />
<embed src="http://www.facebook.com/v/nombor video" type="application/x-shockwave-flash"
allowscriptaccess="always" allowfullscreen="true" width="400" height="224"> </embed> </object><br/><a class="Home" onclick="window.open('http://www.blogvagansa.com')" href="http://www.google.com.my/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&ved=0CL8BEBYwAA&url=http%3A%2F%2Fwww.hostingrajawali.com%2F&ei=1syrT7OyGIXtrQfS553fAQ&usg=AFQjCNHJZwuUS8X9zpMHhlsPC-bp36K-bw&sig2=m75MTlnZGhIGu698ew1L1w" target="_blank"><img src='http://www.hostingrajawali.com/image/butonvagansa.gif'/>
</a>
</div>

Letak mana mana tempat yang diingini (gadget/inpost).

2.Nombor video

Ambik nombor lepas itu letak sesuai kod diatas.Atur lebar dan tinggi pada kod width & height.

GARIS TEPI

Written By Unknown on Sabtu, 12 Mei 2012 | 10.16

Garis tepi ialah warna tambahan di tiap bagian blog/website.Hampir semua halaman situs menggunakan garis tepi akan tetapi keberadaanya tidak terlalu diketahui.Namun apabila kita pandai menghias blog maka fungsi garis tepi ini sangat-sangat dibutuhkan.Dibawah ini contohnya.

JUDUL

Blogvagansa.Harian online memuat berita berita blog serta mengandungi tips-tips blog.

Yang pertama ialah box tanpa garis tepi dan berikut berikutnya box widget yang dihiasi dengan garis tepi.Untuk membuatnya ada dua cara,pertama membuat secara permanent yang apabila kita menambahkan sesuatu dalam widget/gadget maka secara automatic gadget yang dibuas sudah memiliki garis tepi yang diingini.Caranya ialah.

1.Dasbor -->>design-->>Edit html

2.Temukan kod yang akan diberi garis tepi,misalkan widget content (widget content ialah kod permanent dalam blog)

3.tambahkan kod garis tepi didalamnya

4.Save

Cara kedua lebih mudah namun ianya bersifat manual akan tetapi cara ini dapat membuat garis tepi yang berbeda beda di tiap widget content.Ikuti instruksi dibawah ini.

disini isinya

</div>

2.

<div style="background-color: white; border: 1px solid red; height: auto; padding: 10px; text-align: left; width: 200px;">
disini isinya
</div>

3.

<div style="background-color: white; border: 4px double red; height: auto; padding: 10px; text-align: left; width: 200px;">
disini
</div>

4.

<div style="background-color: white; border: 1px dotted red; height: auto; padding: 10px; text-align: left; width: 200px;">
disini
</div>

5.

<div style="background-color: white; border: 1px dashed red; height: auto; padding: 10px; text-align: left; width: 200px;">
disini
</div>

<div style="background-color: white; border: 10px outset red; height: auto; padding: 10px; text-align: left; width: 200px;">
disini
</div>

7.

<div style="background-color: white; border: 10px inset red; height: auto; padding: 10px; text-align: left; width: 200px;">
disini
</div>

8.

<div style="background:red;margin-bottom: 10px; border: 1px solid #c0c0c0;width:200px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">
disini
</div>

9.

<div style="background-color: white; border: 1px dotted red; height: auto; padding: 10px; text-align: left; width: 200px;-moz-border-radius-topleft: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-topright: 40px;-moz-border-radius-bottomleft: 40px;
-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 40px;-webkit-border-bottom-left-radius: 40px;-webkit-border-bottom-right-radius: 10px;border-top-left-radius: 10px;border-top-right-radius: 40px;border-bottom-left-radius: 40px;border-bottom-right-radius: 10px;">
disini
</div>

10.

<div style="-moz-box-shadow: 0 0 5px 5px #888; -webkit-box-shadow: 0 0 5px 5px#888; background-color: white; border: 1px solid red; box-shadow: 0 0 5px 5px #888; height: auto; padding: 10px; text-align: left; width: 200px;">
disini
</div>

Warna dan garis tepi dapat dirubah rubah (red,white,black,etc)

MEMAHAMI KOD TEMPLATE

Written By Unknown on Kamis, 10 Mei 2012 | 18.10

Kod template blogspot terdiri dari dua gabungan yakni
1.Kod CSS
Css singkatan kata dari cascading style sheet,Css ialah suatu style khusus untuk mengformat Html menjadi lebih menarik yang tak bisa dilakukan oleh tag Html.Contoh kod css ialah

body {
background: #cacaca url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivzi9RTXPvSum_SWTf8zCdNhITUeVxrs4ZxrzIubkw2OWoQRPrdwDX2ZPZ-UtKFUjxIGMj7RJClSyoBSz_4LltygNBrAJ4CVJu1Fesqhjtcse5u1S4G8HmxGMHgLJNCytnrJSWzZ7-Nzkn/);
margin:0;
color: #fff;
font:x-small Verdana, Arial, Helvetica, sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

2.Kod Html

Semua situs internet dapat dipastikan menggunakan dua gabungan diatas namun ada_pula yang diubah style menjadi kod PHP.Kod Html ini sebenarnya yang menjadi body/unsur tiap tiap blog/situs namun adanya kod Html haruslah diiringi dengan kod Css sebagai rincian unsur/bagian blog.Lihat contoh ini.

<body>

<head>

....

</content>

<head>

</wrapper>

</body>

ialah susunan dalam template/theme namun untuk membentuk unsur tersebut harus ada corak dan perintah lebar atau tinggi yang disusun dalam css.Satu misal apabila background blog ingin memiliki body warna hijau maka untuk menentukan background warna hijau lebih simple/mudah apabila perintah kodnya ditulis dalam css:

body {

background: kod warna hijau url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivzi9RTXPvSum_SWTf8zCdNhITUeVxrs4ZxrzIubkw2OWoQRPrdwDX2ZPZ-UtKFUjxIGMj7RJClSyoBSz_4LltygNBrAJ4CVJu1Fesqhjtcse5u1S4G8HmxGMHgLJNCytnrJSWzZ7-Nzkn/);

margin:0;

color: #fff;

font:x-small Verdana, Arial, Helvetica, sans-serif;

font-size/* */:/**/small;

font-size: /**/small;

text-align: center;

}

Namun apabila ditulis dalam kod Htm_pun boleh akan tetapi hal ini akan membuat kod Html lebih panjang dan mempengaruhi berat loading blog.Seperti dibawah ini:

<wrapper='-------------dan seterusnya>

Begitupun kod unsur yang lain seperti footer nav-menu ataupun sidebar.

Pada hakikatnya arti kod css ialah perintah untuk membentuk kod Html yang dapat mengatur lebar tinggi ataupun warna dan besar tulisan dalam blog.

Happy nice day blogger Malaysia semakin anda faham semakin cantik blog anda.

TOOLTIP

Written By Unknown on Rabu, 09 Mei 2012 | 10.41

Tooltip ialah decskripsi gambar atau tulisan,ianya biasa di isi dengan kandungan atau tips tertentu dalam halaman situs.Sila lihat contoh dibawah ini.

Sila dekatkan mouse di:

1.Cara membuat
Sila letak kod ini diatas kod ]]></b:skin>

.tooltip
{
position: relative;
background: #eaeaea;
cursor: help;
display: inline-block;
text-decoration: none;
color: #222;
outline: none;
}
.tooltip span
{
visibility: hidden;
position: absolute;
bottom: 30px;
left: 50%;
z-index: 999;
width: 230px;
margin-left: -127px;
padding: 10px;
border: 2px solid #ccc;
opacity: .9;
background-color: #ddd;
background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
-moz-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
text-shadow: 0 1px 0 rgba(255,255,255,.4);
}
.tooltip:hover
{
border: 0; /* IE6 fix */
}
.tooltip:hover span
{
visibility: visible;
}
.tooltip span:before,
.tooltip span:after
{
content: "";
position: absolute;
z-index: 1000;
bottom: -7px;
left: 50%;
margin-left: -8px;
border-top: 8px solid #ddd;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 0;
}
.tooltip span:before
{
border-top-color: #ccc;
bottom: -8px;
}

2.SIMPAN/SAVE

3.Buat mana mana tulisan atau gambar
Tooltip ini boleh letak dimana saja asalkan memakai kod di bawah ini.
Kod tulisan:

<a href="http://www.hostingrajawali.com/" class="tooltip">BLOG MASTER<span>Tips dan gadget blog</span></a>

Kod gambar:

<a href="http://www.hostingrajawali.com" class="tooltip"> <img src='http://www.hostingrajawali.com/image/domain.jpg' width='205' height='95'/> <span>Free email hosting setiap pembelian domain</span></a>

ATASI LOADING LAMBAT

Written By Unknown on Selasa, 08 Mei 2012 | 02.28

1.Faktur utama loading cepat

ialah konection internet semakin best signal maka best pula loading blog.Tapi ada pula signal internet sudah best loading masih lambat.Ada macam macam sebab yang membuat blog loading lambat,terutama peletakán gadget dan jenis gadget.Widget/gadget yang paling susah loading ialah gadget yang mengandung unsur flashplayer.

2.Atasi loading lambat

Ada beberapa cara untuk mengatasi loading blog lambat,bisa anda kurangi antara mana yang perlu (gadget yang menyokong blog anda) dan gadget yang tidak perlu.Memang hobi dan kesukaan tapi bila blog loading lambat_pun akan menimbulkan rasa rajut terhadap internet.Lebih lagi ia tak sesuai dengan tekhnik SEO.

Tekhnik SEO menyatakan bahwa blog semakin cepat loading maka semakin disukai oleh search engine .Untuk mendapatkan tekhnik ini anda dapat mengkompress berat file gambar.Mengkompress file gambar ialah melakukan tekhnik pengurangan size filegambar dengan tekhnik tertentu misalkan software.Gambar yang sebelumnya berukuran 300kb apabila sudah dikompress sizenya hanya tinggal setengahnya.
Kita tengok,apabila dalam blog kita ada 5 gambar berarti 1500kb data beban hanya untuk gambar,itupun belum yang lainya misalkan link.Link yang anda pasangpun mempengaruhi loading blog.Jika blog link yang akan dipasang_pun berat (loading lambat) maka blog andapun akan ikut loading lambat.Untuk itu ada masalah SEO link lagi yang akan saya tulis nanti.

3.Atasi file gambar
Seperti yang saya tulis tadi untuk mengatasi file gambar ialah dengan mengkompress size gambar.Caranya adalah seperti ini.

Download software di sini
Lepas itu,instal dan mulai sofware
Ikuti cara mengcompress sesuai trurial software

Sila anda komentar dibawah ini bila tak faham langsung.
Sila beri Blog Master sebagai sumber bila anda mengganda tulisan Blog Master diatas.

Test blog anda disini.

PENGARTIAN DOMAIN

Written By Unknown on Senin, 07 Mei 2012 | 08.11

Domain ialah nama unik yang diberikan untuk mengidentifikasi nama server komputer seperti webserver atau email server di jaringan komputer atau internet.Nama domain berfungsi untuk mempermudah pengguna di internet pada saat melakukan akses ke server.Selain juga untuk mengingat nama server yang dikunjungi tanpa harus mengenal deretan angka yang rumit yang di kenal sebagai alamat IP.Nama domain ini juga dikenal sebagai sebuah kesatuan dari sebuah situs web seperti contohnya "hostingrajawali.com". Nama domain kadang-kadang disebut pula dengan istilah URL, atau alamat website.

Pada awalnya nama domain hanya dapat dituliskan dengan ke-26 abjad Latin, namun saat ini telah dimungkinkan untuk menggunakan abjad asing dengan Internasionalisasi nama domain.

Pada intinya sebenarnya tiap tiap halaman blog/situs memiliki nombor IP sebagai alamat sehingga dicipta kod DNS (Domain Name Server) untuk mempermudah dan supaya dapat di ingat oleh siapapun.Coba bayangkan nombor IP ini.

164.590.28.510
739.484.20.100
910.382.37.603

Dalam masa 3 menit kemudia bisakah kita mengingatnya?Sedangkan di seluruh jaringan internet saat ini ada nama IP yang tak terhitung jumlahnya.

Sudah pasti url yang mudah diingat adalah domain yang di ganti dengan huruf dibandingkan nombor IP.
Nah itu adalah pengartian domain dan apa fungsi domain tersebut.Semoga anda faham mengingat kehidupan kita tak lepas dari dunia maya yang menunjukkan seberapa modernkah kita.

Dan alangkah baiknya kalau kita tahu arti dari alat yang membuat kehidupan kita modern.

Abdur - Hosting Rajawali

email : abdur@hostingrajawali.com

SLIDE OUT HATI

Written By Unknown on Sabtu, 05 Mei 2012 | 20.10

Nama slide out hati diambil dari bentuk gadget ini yang berbentuk hati.Jika anda lihat blog ini maka boleh dilihat contohnya di samping kiri dan bawah blog.

Ikuti langkah ini untuk membuatnya.
1.Dasbor--->Design--->Edit Html
2.Letak kode ini diatas kod </head>


<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({publisher: "ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee", onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>


3.Letak kod ini diatas kode </body> kod kedua paling bawah.


<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
<a href='http://www.hostingrajawali.com' target='_blank'>Mau dapat ini?</a>
</div>
<script type='text/javascript'>stlib.shareEgg.createEgg('shareThisShareHeart', ['facebook','twitter','pinterest','linkedin','stumbleupon','email','sharethis'], {title:' <data:blog.pageTitle/>',url:'<data:blog.url/>',theme:'shareheart'});</script><a href="http://www.hostingrajawali.com/">Blogger Wordpress Gadgets</a>


4.SAVE/SIMPAN

Notes:jika ia tidak terlihat atau ada keganjilan dalam blog ada kod jquery yang pernah dipasang sila hubungi Blog Master di kotak komentar untuk dapat penjelasan.Apabila anda mengganda tulisan diatas sila beri Blog Master sebagai sumber artikel.

BREADCUMB

Sedikit penjelasan fungsi breadcumb ialah,bahwasanya ia menjadi tarikan bagi mesin pencarian Google.Ia menjadi salah satu tekhnik SEO.Breadcumb banyak dipakai oleh para Blog Master didunia dan dibawah ini adalah preview dari breadcumb.

Langkah pembuatan.

1.Dasbor --> Design --> Edit Html -->chek/tick Expand Template widget.

2.Gunakan Ctrl+f untuk memudahkan pencarian ini.

3.Kod ]]></b:skin>

4.Masukkan kod dibawah ini diatas kod ]]></b:skin>

.breadcrumbs{

padding:5px 5px 5px 0;
margin:0;font-size:95%;line-height:1.4em;
border-bottom:4px double #cadaef;}

5.Kod <b:if cond='data:post.title'>
6.Letak kod dibawah ini setelah
<b:if cond='data:post.title'>
.....
....
</b:if>

<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumb'>
<a href='http://www.hostingrajawali.com'><data:blog.title/></a>»
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> »
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
»
</b:if>
<data:post.title/>
</div>
</b:if>

7.SIMPAN/SAVE

Sila hubungi Blog Master apabila membutuhkan pertolongan dalam memasang,sila ajukan pertanyaan dan cadangan dalam kotak komen dibawah ini.Apabila anda mengganda catatan ini sila beri Blog Master sebagai sumber artikel.

SHAREHOLIC JQUERY

Written By Unknown on Jumat, 04 Mei 2012 | 14.40

Shareholic jqury biasa disebut share is sexi.Ia adalah satu gadget bookmark yang terdiri dari facebook twitter elg dan lebih banyak lagi yang terletak dibawah artikel post/catatan.Dibawah ini contohnya

Untuk membuatnya ikuti langkah ini.

1.Dasbor--->Design--->Edit Html--->Tick expand template widget

2.Letak kod CSS di atas kod ]]></b:skin>

div.shr-bookmarks{margin:20px 0 8px;clear:both !important;display:block !important}div.shr-bookmarks ul.shr-socials{width:100% !important;margin:0 !important;padding:0 !important;float:left !important}div.shr-bookmarks ul.shr-socials{background:transparent none !important;border:0 none !important;outline:0 none !important}div.shr-bookmarks ul.shr-socials li{display:inline !important;float:left !important;list-style-type:none !important;padding:0 !important;height:29px !important;width:60px !important;cursor:pointer !important;margin:3px 0 0 !important;background-color:transparent !important;border:0 none !important;outline:0 none !important;clear:none !important}div.shr-bookmarks ul.shr-socials li:before,div.shr-bookmarks ul.shr-socials li:after,div.shr-bookmarks ul.shr-socials li a:before,div.shr-bookmarks ul.shr-socials li a:after{content:'' !important;}div.shr-bookmarks ul.shr-socials a,div.shr-bookmarks ul.shr-socials a:hover{display:block !important;width:60px !important;height:29px !important;text-indent:-9999px !important;background-color:transparent !important;text-decoration:none !important;border:0 none !important}div.shr-bookmarks ul.shr-socials a:hover,div.shr-bookmarks ul.shr-socials li:hover{background-color:transparent !important;border:0 none !important;outline:0 none !important}.shareaholic-show-on-load{display: block !important;}div.shr-bookmarks div.shr-getshr{line-height:20px !important;padding-left:8px !important;float:left !important;}div.shr-bookmarks div.shr-getshr a{width:auto !important;font-size:10px !important; text-indent:0px !important;text-decoration:none !important;}div.shr-count{font:12px bold,arial !important;position: relative !important;}div.shr-count-outline{position: absolute !important;color: white !important;}div.shr-count-center{position: absolute !important;color: blue !important;}li.shr-2{background-position:-120px bottom !important}li.shr-2:hover{background-position:-120px top !important}li.shr-3{background-position:-180px bottom !important}li.shr-3:hover{background-position:-180px top !important}li.shr-5{background-position:-300px bottom !important}li.shr-5:hover{background-position:-300px top !important}li.shr-7{background-position:-420px bottom !important}li.shr-7:hover{background-position:-420px top !important}li.shr-10{background-position:-600px bottom !important}li.shr-10:hover{background-position:-600px top !important}li.shr-38{background-position:-2280px bottom !important}li.shr-38:hover{background-position:-2280px top !important}li.shr-40{background-position:-2400px bottom !important}li.shr-40:hover{background-position:-2400px top !important}li.shr-43{background-position:-2580px bottom !important}li.shr-43:hover{background-position:-2580px top !important}li.shr-52{background-position:-3120px bottom !important}li.shr-52:hover{background-position:-3120px top !important}li.shr-74{background-position:-4440px bottom !important}li.shr-74:hover{background-position:-4440px top !important}li.shr-88{background-position:-5280px bottom !important}li.shr-88:hover{background-position:-5280px top !important}li.shr-106{background-position:-6360px bottom !important}li.shr-106:hover{background-position:-6360px top !important}li.shr-201{background-position:-12060px bottom !important}li.shr-201:hover{background-position:-12060px top !important}li.shr-219{background-position:-13140px bottom !important}li.shr-219:hover{background-position:-13140px top !important}

3.Letak gadget setelah kod <div class='post-footer'>

<b:if cond='data:blog.pageType == "item"'>
<div class='shr_class shareaholic-show-on-load'>
</div>
<script type='text/javascript'>
var SHRSB_Settings = {"shr_class":{"src":"http://http://www.spiceupyourblog.com/media/css/styles/sb","link":"","service":"5,7,2,38,3,219,43,52,201,88,74,10,106,45,40,210,78,39","apikey":"6ffe2cbf142c45bd4cd03b01ec46b8658","localize":true,"shortener":"google","shortener_key":"","designer_toolTips":true,"twitter_template":"Some fancy post title - http://goo.gl/dbqlx via @paulcrowepro"}};
</script>

<script type='text/javascript'>
(function() {
var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;
sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-sb.min.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);
})();
</script><a href='http://blog.hostingrajawali.com/' target='_blank'>Blogger Social Bookmark Gadget</a></b:if>

4.SAVE/SIMPAN

Apabila anda menemui kesulitan memasang sila hubungi kami,dan apabila anda membuat catatn blog dan mengambil konten diatas sila masukkan BLOG MASTER sebagai sumber.Sila kemukakan paparan dikolom komentar yang sudah tersedia.

SLIDE OUT TELUR

Apa itu slide out telur?

slide out telur ialah widget sharing melayang dengan efect slider.Ia berbentuk telur apabila di dekatkan mouse telur itu membuka dengan button-button facebook-twitter-dan button bookmark lain.Contoh dalam gambar dibawah ini.

Ikuti langkah ini untuk membuatnya.

1.Script diletakkan diatas kode </head>

<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/><script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher: "bea50586-2b9f-448d-947a-01385f28e305", onhover:false}); </script><link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>

2.Gadget diletakkan diatas kode </body>

<div style='position: fixed; bottom: 2%; left: 2%;'><div class='shareEgg' id='shareThisShareEgg'/><a href='http://blog.hostingrajawali.com' target='_blank'>Mau dapat ini?</a></div><script type='text/javascript'>stlib.shareEgg.createEgg('shareThisShareEgg', ['facebook','twitter','googleplus','linkedin','blogger','stumbleupon','sharethis'], {title:' <data:blog.pageTitle/>',url:'<data:blog.url/>',theme:'shareegg'});</script><a href="http://www.hostingrajawali.com">Blogger Wordpress Gadgets</a>

BLOG MASTER

slide

Latest Post