Tutorial Blog Unik: Melayang

Cara Pasang Widget Jejaring Sosial Melayang 2

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><b>Cara Pasang Widget Jejaring Sosial Melayang 2</b></span> - Nah, sekarang tutorialnya sama dengan tutorial sebelumnya <a class="GCUXF0KCPB" href="http://www.fahmifanirius.ga/2014/04/cara-pasang-widget-jejaring-sosial.html" target="_blank">Cara Pasang Widget Jejaring Sosial Melayang Pada Blog</a>. Tapi, yang ini hasil copas teman. (ˇ▼ˇ) </div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<a href="http://www.fahmifanirius.ga/2014/04/cara-pasang-widget-jejaring-sosial_28.html" target="_blank">Widget jejaring sosial melayang yang ini, cukup sederhana</a>, sedikit aja. Mungkin, kalau Anda nyoba widget yang satu ini dan merasa kurang, Anda bisa menambah script nya kok. Widget ini bisa transparan atau opacity jika kursor menyentuh gambar jejaring sosialnya.</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Mudah sekali teman, sederhana juga. Silahkan coba...</div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy59q-zVgxIpYj1JV6DE2nvXiFgazgIPdquzoV5Hl3lyuaDW_tekdM1cAavD25We60yyh5cT3_8UGLX3n2byikU9YD-WKvvZ6mJjeCcQVadGo-kWSOzuoXY1IuC5PgAc9JZoTqlIfjcLIG/s1600/Screenshot_1.png"><img alt="Cara Pasang Widget Jejaring Sosial Melayang 2" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy59q-zVgxIpYj1JV6DE2nvXiFgazgIPdquzoV5Hl3lyuaDW_tekdM1cAavD25We60yyh5cT3_8UGLX3n2byikU9YD-WKvvZ6mJjeCcQVadGo-kWSOzuoXY1IuC5PgAc9JZoTqlIfjcLIG/s1600/Screenshot_1.png" title="Cara Pasang Widget Jejaring Sosial Melayang 2" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
1. Login Blogger </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
2. Tata letak/layout </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
3. Add gadget </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
4. HTML/JavaScript </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
5. Copy kode dibawah ini, kemudian pastekan pada kolom HTML/JavaScript </div>
<br />
<br />
<div style="background: #e0eff7; border: 3px dashed #0159f8; height: 400px; overflow: auto; padding: 10px; text-align: left; width: 500px;">
<blockquote class="tr_bq">
<div>
<style type='text/css'><br />
a.linkopacity img {<br />
filter:alpha(opacity=50);<br />
-moz-opacity: 0.5;<br />
opacity: 0.5;<br />
-khtml-opacity: 0.5;}
<br />
<br />
a.linkopacity:hover img {<br />
filter:alpha(opacity=100);<br />
-moz-opacity: 1.0;<br />
opacity: 1.0;<br />
-khtml-opacity: 1.0; }<br />
</style>
<br />
<div style='display:scroll; position:fixed; top:140px; left:-12px;'>
<br />
<a class='linkopacity' href='<b><span style="color: blue;">http://www.facebook.com/fahmifanirius</span></b>' 
imageanchor='1' rel='No Add' style='margin-left: 1em; margin-right: 
1em;' target='_blank' title='Facebook'><img border="0" src=" 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3uL29Wp2KMaQu5H1X58eIPw1YGgTboLaY0f4DtDLYxMiqaQ8Ljiczzxhtdy5qYy6o-YrZWtAYZdeoqR7Qd0TpoppVRa1c8PxVUmqOWL-cPKMUsoEo2IptQjDQyXRqz9n7bHeihQa0ezQ/s1600/Facebook-icon.png"
 /></a><br />
<br />
<br />
<a class='linkopacity' href='<b><span style="color: blue;">https://twitter.com/fahmifanirius</span></b>' 
imageanchor='1' rel='No Follow' style='margin-left: 1em; margin-right: 
1em;' target='_blank' title='Twitter'><img border="0" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8-5UCW0fOwsZIGjOHj4xtkiSQW35aSrDk5sUgBRmqBrzM_tbDMry_TPtccaYZfsxxMVxk16a7yel8BhU3WviQNX4gNBX4E1Fewqs57c_8Ue8QyYFN3HjoLt817DoPyoCJwYcdN5aW41c/s1600/TwitterIcon.png"
 /></a><br />
<br />
<br />
<a class='linkopacity' href='<b><span style="color: blue;">http://fahmifanirius.ga</span></b>' 
imageanchor='1' rel='No Join' style='margin-left: 1em; margin-right: 
1em;' target='_blank' title='Blog'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdgvhaGRKId2R3iXvR8D-3bmdFBrX3N0iIg_bsll6lHwRgkzoqhvyX62SCzzQqFjG8qV-GB58oNNGSBxFMhT8Uztl-bz3jmtgRed9cN2ZtcRxn5mWuj9ht-S4kzvqRvZXCjiLWB9HErMk/s1600/blogger-icon-big.png" /></a><br /></div>
<div>
<br /></div>
<div>
</div> </div>
</blockquote>
</div>
</div>
<br />
<br />
<div style="text-align: center;">
*Untuk <span style="color: blue;">URL berwarna biru</span>, ganti dengan url Anda. Contoh, url twitter saya: <b><span style="color: blue;">https://twitter.com/fahmifanirius </span></b><br />
<span style="color: blue;"><br /></span>
<span style="color: blue;"><span style="color: black;">6. Simpan perubahan</span></span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<br />
Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. Semoga berhasil... ˆ⌣ˆ<br />
<br />
<div style="text-align: right;">
<b><a href="http://www.fahmifanirius.ga/p/tutorial-blogger.html" target="_blank"><span style="font-family: Arial,Helvetica,sans-serif;"><strike>Tutorial Blogger </strike></span></a></b></div>
</div>

Cara Pasang Widget Jejaring Sosial Melayang 2 - Nah, sekarang tutorialnya sama dengan tutorial sebelumnya Cara Pasang Widget Jejaring So...

Cara Pasang Widget Jejaring Sosial Melayang Keren Di Blog

12:41 AM Unknown 3

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: left;">
<span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"><b>Cara Pasang Widget Jejaring Sosial Melayang Keren Di Blog</b></span> - Tutorial kali ini, cukup menarik. Widget animasinya itu, bikin greget. Keren banget <b>widget jejaring sosial</b>nya. Coba liat gambar:</div>
<div style="text-align: justify;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1y4gjNhSywsU1M2kf9H-_7c9tTVnxPSCkSQa2lkyZ2AiQrOXNgb-PhRV417NRGmcQ7wH5b6v_4dM9SWSmxGgJf6HsowMlIa4CXrR_F08c1stwEKhHj0HYSf665-QvNq1FROo2SV8HkuyU/s1600/Animated+Social+Media+Tab+Buttons.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Pasang Widget Jejaring Sosial Melayang Keren Di Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1y4gjNhSywsU1M2kf9H-_7c9tTVnxPSCkSQa2lkyZ2AiQrOXNgb-PhRV417NRGmcQ7wH5b6v_4dM9SWSmxGgJf6HsowMlIa4CXrR_F08c1stwEKhHj0HYSf665-QvNq1FROo2SV8HkuyU/s1600/Animated+Social+Media+Tab+Buttons.gif" title="Cara Pasang Widget Jejaring Sosial Melayang Keren Di Blog" /></a></div>
<br />
<div style="text-align: justify;">
<div style="text-align: left;">
Jejaring sosial? Udah pada tau kan? Kebangetan kalau gak tau... Tapi, saya yakin sobat sudah ngerti maksud dari <b>cara membuat widget jejaring sosial keren di blog</b> ini. Kalau masih bener-bener pemula, saya jelasin. <b>Widget jejring sosial melayang pada blog</b> ini bisa dipasang di blog sobat. Tujuan utamanya adalah, agar pengunjung sobat dapat berkomunikasi dengan sobat melalui <b>tombol widget jejaring sosial melayang di blog</b> yang sudah sobat pasang. <br />
<br />
Pengunjung sobat juga bisa kontak-kontak sobat melalui tombol yang ada pada widget jejaring sosial melayang tersebut. Sesuai dengan gambar, jejaring sosial tersebut adalah: Twitter, Facebook, RSS Feed, Google+, Youtube, Orkut, MySpace, dan Digg.<br />
<br />
Pengunjung bisa sangat mudah sekali untuk menghubungi sobat yang sudah <b>memasang widget jejaring sosial pada blog</b> ini. Mungkin, sobat dengan pengunjung sobat bisa lebih dekat lagi. Agar pengunjung sobat bisa terus berlanggan pada blog sobat.</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<a href="http://www.fahmifanirius.ga/2014/04/cara-pasang-widget-jejaring-sosial.html" target="_blank">Gimana cara menambahkan widget jejaring sosial melayang keren di blog?</a> Langsung kita beranjak ke tutorialnya.. Monggo dicoba...</div>
<br /></div>
<div style="text-align: center;">
1. Login Blogger</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
2. Template</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
3. Edit HTML</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
4. Cari kode <span style="background-color: #0b5394;"><span style="color: cyan;"></body> </span></span>(agar mempermudah pencarian, klik serentak Ctrl+F pada keyboard secara bersamaan)</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
5. Setelah ketemu, copy kode dibawah ini, dan letakkan kode dibawah tepat DIATAS kode <span style="background-color: #0b5394;"><span style="color: cyan;"></body></span></span></div>
<br />
<div class="separator" style="clear: both; text-align: left;">
</div>
<div style="background: #e0eff7; border: 3px dashed #0159f8; height: 400px; overflow: auto; padding: 10px; text-align: left; width: 500px;">
<blockquote class="tr_bq">
<div class="separator" style="clear: both; text-align: left;">
</div>
<script type="text/javascript" src="http://mybloggerlab.com/Scripts/jquery-1.7.1.min.js"></script><br />
<script type="text/javascript" src="http://mybloggerlab.com/Scripts/mblsocialbar.js"></script><br />
<div id="scolder"><br />
<script
 type="text/javascript" src=" 
http://mbl-flipper-google-blogger.googlecode.com/files/socialflipmin.js"></script></div>
 <br />
<link href='http://mybloggerlab.com/StyleSheet/mblsocialbar.css' rel='stylesheet' type='text/css'/><br />
<br />
<br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$.mblSocialBar({<br />
items: {<br />
twitter: { url: '<b><span style="color: blue;">#</span></b>', text: 'Follow me on twitter' },<br />
facebook: { url: '<b><span style="color: blue;">#</span></b>', text: 'Profile on facebook' },<br />
rss: { url: '<b><span style="color: blue;">#</span></b>', text: 'RSS Feed' },<br />
google: { url: '<b><span style="color: blue;">#</span></b>', text: 'Profile on google+' },<br />
youtube: { url: '<b><span style="color: blue;">#</span></b>', text: 'Profile on youtube' },<br />
orkut: { url: '<b><span style="color: blue;">#</span></b>', text: 'Profile on orkut' },<br />
myspace: { url: '<b><span style="color: blue;">#</span>'</b>, text: 'Profile on myspace' },<br />
digg: { url: '<b><span style="color: blue;">#</span></b>', text: 'Profile on digg' },<br />
<br />
},<br />
show: 8,<br />
position: "left",<br />
skin: "clear"<br />
});<br />
<br />
});<br />
</script></blockquote>
</div>
<br />
*Ganti tulisan <b><span style="color: blue;">#</span></b> sesuai dengan url jejaring sosial kalian. Contoh, url jejaring sosial Twitter saya: <a href="http://twitter.com/fahmifanirius">http://twitter.com/fahmifanirius</a><br />
<br />
<div style="text-align: center;">
6. Simpan perubahan<br />
<br />
<br /></div>
Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. Semoga berhasil... ˆ⌣ˆ<br />
<br />
<div style="text-align: right;">
<b><a href="http://www.fahmifanirius.ga/p/tutorial-blogger.html" target="_blank"><span style="font-family: Arial,Helvetica,sans-serif;"><strike>Tutorial Blogger </strike></span></a></b></div>
</div>

Jejaring Sosial Melayang Tutorial Blogger Widget Cara Pasang Widget Jejaring Sosial Melayang Keren Di Blog

Cara Pasang Widget Jejaring Sosial Melayang Keren Di Blog - Tutorial kali ini, cukup menarik. Widget animasinya itu, bikin greget. Keren ...

Cara Membuat Tombol Share Keren Melayang Di Blog

12:21 AM Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<span style="font-family: Arial,Helvetica,sans-serif;"><b>Cara Membuat Tombol Share Keren Melayang Di Blog</b></span> - Tutorial kali sangat mudah sekali, ini adalah <a href="http://www.fahmifanirius.ga/2014/04/cara-memberi-share-melayang-pada-blog.html" target="_blank">Cara Membuat Share Button Melayang pada sidebar Blog</a>. Share Button pada Blogger kali ini ada Facebook, Twitter, Google+ sama Digg.<br />
<br />
<div style="text-align: left;">
Tujuan <b>membuat dan memasang share button di blog</b> adalah agar si pengunjung bisa membagikan artikel yang Anda buat kepada jejaring sosial milik mereka/si pengunjung.</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Semakin banyak yang share / bagikan artikel Anda, mungkin semakin banyak juga orang yang akan membuka dan berkunjung di Blog Anda.</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Jika Anda ingin memasang share button facebook saja pada Blogger, Anda bisa baca: <a href="http://www.fahmifanirius.ga/2014/04/cara-pasang-share-button-facebook-pada-blog.html" target="_blank">Cara Membuat Share Button Facebook Pada Blogger</a>. atau Anda hanya ingin membuat Like Button saja pda Blogger bisa kunjungi di: <a href="http://www.fahmifanirius.ga/2014/04/cara-pasang-like-button-facebook-di-blog.html" target="_blank">Cara Membuat Like Button Facebook Pada Blogger</a></div>
<div style="text-align: left;">
<br /></div>
</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhutJlkFhs8PZQOQAdyP3I3Zfz8oP20i_jsgNq_1N4tj-Q2jUPRp3qe48OmEned1G76BYoilC7P_SVC6NkktlHO4cuePVNsblZSx7NwLDpIFPrsAquvLGmNBBwSUp5edkTBDCsn7LgZPxNE/s1600/share.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Tombol Share Keren Melayang Di Blog" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhutJlkFhs8PZQOQAdyP3I3Zfz8oP20i_jsgNq_1N4tj-Q2jUPRp3qe48OmEned1G76BYoilC7P_SVC6NkktlHO4cuePVNsblZSx7NwLDpIFPrsAquvLGmNBBwSUp5edkTBDCsn7LgZPxNE/s1600/share.gif" title="Cara Membuat Tombol Share Keren Melayang Di Blog" width="140" /></a></div>
<div style="text-align: center;">
<div style="text-align: center;">
<br /></div>
</div>
<div style="text-align: center;">
1. Login Blogger</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
2. Tata letak/layout</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
3. Add gadget</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
4. HTML/JavaScript</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
5. Copy paste kode dibawah ini pada kolom HTML/JavaScript</div>
<br />
<div style="background: #e0eff7; border: 3px dashed #0159f8; height: 400px; overflow: auto; padding: 10px; text-align: left; width: 500px;">
<blockquote class="tr_bq">
<br />

</div>
<div class="MsoNormal">
#pageshare {position:fixed; bottom:15%; left:10px;
float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0
0 2px 0;z-index:10;}

</div>
<div class="MsoNormal">
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0
5px;}

</div>
<div class="MsoNormal">
 fb_share_count_top {width:48px !important;}

</div>
<div class="MsoNormal">
 .fb_share_count_top, .fb_share_count_inner
{-moz-border-radius:3px;-webkit-border-radius:3px;}

</div>
<div class="MsoNormal">
 .FBConnectButton_Small, .FBConnectButton_RTL_Small
{width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}

</div>
<div class="MsoNormal">
 .FBConnectButton_Small .FBConnectButton_Text {padding:2px
2px 3px
!important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

</div>
<div class="MsoNormal">
 </style>

</div>
<div class="MsoNormal">
<div id='pageshare' title="Bagikan"></div>
<div class="MsoNormal">
<div class='sbutton' id='gb'><script
src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like
layout="box_count" show_faces="false"
font=""></fb:like></div></div>
<div class="MsoNormal">
<div class='sbutton' id='rt'><a
href="http://twitter.com/share"
class="twitter-share-button" data-count="vertical"
>Tweet</a><script src='http://platform.twitter.com/widgets.js'
type="text/javascript"></script></div></div>
<div class="MsoNormal">
<div class='sbutton' id='gplusone'><script
type="text/javascript"
src="https://apis.google.com/js/plusone.js"></script><g:plusone
size="tall"></g:plusone></div></div>
<div class="MsoNormal">
<div class='sbutton' id='su'><script
src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div></div>
<div class="MsoNormal">
<div class='sbutton' id='digg'
style='margin-left:3px;width:48px'><script
src='http://widgets.digg.com/buttons.js'
type='text/javascript'></script><a class="DiggThisButton
DiggMedium"></a></div></div>
<div class="MsoNormal">
<div class='sbutton' id='fb'><a name="fb_share"
type="box_count"
href="http://www.facebook.com/sharer.php">Share</a><script
src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"
type="text/javascript"></script></div><br/><div
style="clear: both;font-size: 9px;text-align:center;"><a href="http://tutorialblogunik.blogspot.com"
target="blank"><font color="blue">(Get
Widget)<font></font></font></a></div></div></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
</div>
</blockquote>
</div>
<br />
<div style="text-align: center;">
6. Simpan perubahan </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
7. Coba, lihat hasilnya<br />
<br /></div>
Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. Semoga berhasil... ˆ⌣ˆ<br />
<br />
<div style="text-align: right;">
<b><a href="http://www.fahmifanirius.ga/p/tutorial-blogger.html" target="_blank"><span style="font-family: Arial,Helvetica,sans-serif;"><strike>Tutorial Blogger </strike></span></a></b></div>
</div>

Melayang Share Button Tutorial Blogger Widget Cara Membuat Tombol Share Keren Melayang Di Blog

Cara Membuat Tombol Share Keren Melayang Di Blog - Tutorial kali sangat mudah sekali, ini adalah Cara Membuat Share Button Melayang pada ...

Cara Pasang Widget Jejaring Sosial Melayang 2

Cara Pasang Widget Jejaring Sosial Melayang Keren Di Blog

Cara Membuat Tombol Share Keren Melayang Di Blog

Terpopuler

Kategori

Arsip Blog