Cara membuat widget stay connected :
1.
Login ke dashboard blogger anda.
2.
Pilih Rancangan > Elemen Laman > Add
gadget (HTML/JavaScript).
3.
Copy script dibawah ini dan paste pada gadget.
<style>
#news-letter{clear:both;padding-top:10px;}
.msg-box{float:left;width:50px;height:54px;margin-right:9px;padding-top:5px;background:
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV4wEJly-he1Unwk7dH-ecY44rI57scDQkOJJzuPzj5hSMsWrSeeX9w2DWfUxr15bsK-jEysMSLK6cK7bfVFY-wgXqqqqCyuwE11yKJI5m2RA9VYIaTQZIvZZ7rLOzOMeYjCaR-DFE1j4/s800/mail-box.png)
no-repeat;}
.news-headline{position:
relative;z-index: 999;font-size: 10px;padding-bottom:10px;font-weight:bold;}
</style>
<div
class="news-headline" color:#333;>
Read latest
headlines in your favorite news reader
</div>
<center>
<table
border="0">
<tr>
<td
style="padding-right:4px;">
<a
href="http://twitter.com/TWITTER-NAME"
target="_blank" title="Follow Me On
Twitter">
<img
style="width:25px; height:25px;"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF0mVQjqkDzwu0GyU6-m71t62mHYunxi30lPqJYBTBWEG4IrHYcHHxCGAXMKRPJOWi2-cBtuKFoFtKHnj3sCubYu3ZZox1hv-k0QtIADVUXTGUlCvlfwYG-1SGPr-Tw8gWzCJafbw6Y3o/s800/twitt.png"
/></a>
</td>
<td
style="padding-right:4px;">
<a
href="http://feeds.feedburner.com/FEEDNAME"
target="_blank" title="Subscribe Via
RSS">
<img
style="width:25px; height:25px;"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKJ6I4ihnIzd6TS5sRz6rC7MZyjIgULgou5PPT56pdm9de0HMuQwO4W89ZyueCOl9YU5ePGWe91ti7Py7LKmdO0uNN9piC5ULNofQOz9HsUnM8LqBuM39lX-kRfQbO1XtLJllFo2wk0nM/s800/Feed-icon_128.png"
/></a>
</td>
<td
style="padding-right:4px;">
<a
href="FACEBOOK-URL"
target="_blank" title="Find Us On
Facebook">
<img
style="width:25px; height:25px;"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTeVUwmwZhXjrhGu0ucvnxte0Zu5dcOtqC7Jp55gRfKBHNZ_k0jND1jsjl_fLyHmVv81E33ScIfB2YVR2wBe7pTIsiquVQ_-shSjJ_OrM8kmrCoKiD4TeUPNhpvOOLggBv3Rvx8S3Hypw/s800/Facebook_icon.png"
/></a>
</td>
<td
style="padding-right:4px;">
<a
href="GOOGLE-PLUS-URL"
target="_blank" title="Add me on
Google+">
<img
style="width:25px; height:25px;"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWjdIbaj-0e8DQTALfDk7RIyhmzhLGyLoqOTGOBRPYfVYoYNSc_WzYjyu80HwwZoVQW-gRe1LAb7K-dszy3kKvF8zQhx_9NxbIkq_yD48jgkUn782CaIZa9VlQKL8VG2UjxQjR7zYQXvI/s800/googleplusicon.png"
/></a>
</td>
<td
style="padding-right:4px;">
<a
href="http://www.stumbleupon.com/share?url=HOMEPAGE-URL"
target="_blank" title="Stumble
Upon">
<img
style="width:25px; height:25px;"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0zxAOVTw1TWXZsKKvqZsHWgD6Qs9EWNffp9LMAUi43OshcZghrw6KbwtQWSmofJcmPZLgS187FRw7kKFegLHNVo2Ow9l4yUuJTAXjgwJ-IN9kxpVWiro0wRX1boV0XOxL2AxYo4RZuQk/s800/stumbleupon_icon.png"
/></a>
</td>
<td
style="padding-right:4px;">
<a
href="http://technorati.com/faves?sub=addfavbtn&add=HOMEPAGE-URL"
target="_blank" title="Add To
Technorati">
<img
style="width:25px; height:25px;"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUCJb1M8jOscCyu66eXRRUDQossqQ-5nc9Y5VLzvP65tEMdmTjIfXhCMvj3mtewCfjKqHbiUr8K0ihJTx-EhqZ6riYSAGP9eM7y5BaziffVcXdkUTH7u7VzU-hWZHZxpxC-9EsOS_-9V4/s800/Technorati-icon.png"
/></a>
</td>
<td>
<td
style='padding-top:-2px;'>
<a
href="http://feeds.feedburner.com/FEEDNAME"><img
src="http://feeds.feedburner.com/~fc/FEEDNAME?bg=000000&fg=FFFFFF&anim=1"
height="26" width="88"
style="border:0; padding-top:5px" alt="Fellow
Readers" /></a>
</td>
</td>
</tr>
</table>
</center>
<div
id="news-letter">
<span
class="msg-box"></span>
<b>Sign
up for our email news letter</b>
<form
onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=FEEDNAME', 'popupwindow',
'scrollbars=yes,width=550,height=520');return true"
target="popupwindow" method="post"
action="http://feedburner.google.com/fb/a/mailverify">
<p><input
type="text" valign="middle"
name="email" value="Enter your email
address" size="25" maxlength="100"
onfocus="this.value = '';"
style="width: 140px; height: 21px; font-size: 11px; color: rgb(51, 51,
51);" gtbfieldid="2"/>
<input
type="hidden" value="FEEDNAME"
name="uri"/>
<input
type="hidden" name="loc"
value="en_US"/>
<input
type="submit" value="Sign Up"
id="submit"/>
</p>
</form>
</div>
4.
Save / Simpan.
Cara mengedit script widget stay connected
(kustomisasi) :
1.
Ganti FEEDNAME dengan nama/judul feed blog anda
yang sudah terdaftar pada layanan Feedburner. Kalau anda belum memiliki akun di
Feedburner maka mendaftarlah lebih dulu dan supaya mudah diingat, buatlah judul
feed blog anda sama dengan title blog. Misalnya untuk blog ini saya berikan
nama feednya “bikin-blog-inspiration”.
2.
Ganti TWITTER-NAME dengan nama akun twitter
anda.
3.
Ganti FACEBOOK-URL dengan alamat fan page atau
boleh juga profil Facebook anda.
4.
Ganti GOOGLE-PLUS-URL dengan nama akun Google +1
anda.
5. Dan yang terakhir, ganti HOMEPAGE-URL dengan
alamat homepage blog anda. Misalnya http://www.bikin-blog-inspiration.blogspot.com
OK sobat selamat mencoba membikin connect widget dalam blog ini dan semoga puas dengan hasilnya. Keep in touch for next update.
0 komentar:
Posting Komentar