Menambah Aksesoris Blog "Hide Floating"

Mark Lindon

menambah aksesoris blog hide floating
Secara tidak sengaja, saya menemukan cara Menambah Aksesoris Blog Hide Floating. menurut saya aksesorisnya cukup bagus, menambah daya tarik blog. mudah2an blogger mania ada yang tertarik dengan postingan ini. untuk menambah kan nya juga tidak terlalu sulit. bila ada yang berminat langsung aja kita mulai:

Seperti biasa Login ke terlebih dahulu ke Blogger

Copy/Paste code di bawah ini ke widget yang baru atau bisa disisipin ke salah satu widget.

<!-- Begin Show Hide Floating - http://www.aksesorisblogs.blogspot.com --> <style type="text/css"> #hitsukeFX{ position:fixed; top:50px; z-index:+1000; } * html #hitsukeFX{position:relative;} .hitsukeFXtab{ height:200px; width:50px; float:left; cursor:pointer; background:url('http://i29.tinypic.com/11iz4ec.jpg') no-repeat; } .hitsukeFXcontent{ float:left; border:2px solid #d9e3ff; background:#ffffff; padding:10px; } </style> <script type="text/javascript"> function showHidehitsukeFX(){ var hitsukeFX = document.getElementById("hitsukeFX"); var w = hitsukeFX.offsetWidth; hitsukeFX.opened ? movehitsukeFX(0, 40-w) : movehitsukeFX(40-w, 0); hitsukeFX.opened = !hitsukeFX.opened; } function movehitsukeFX(x0, xf){ var hitsukeFX = document.getElementById("hitsukeFX"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hitsukeFX.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("movehitsukeFX("+x+", "+xf+")", 10);} } </script> <div id="hitsukeFX"> <div class="hitsukeFXtab" onclick="showHidehitsukeFX()"> <center><b><span style="color:white;"><br/>G<br/>u<br/>e<br/>s<br/>t <br/><br/><br/>B<br/>o<br/>o<br/>k </span><span style="font-size:130%;color:white;"></span></b></center></div> <div class="hitsukeFXcontent"> <iframe scrolling="auto" width="290" frameborder="0" src="http://www6.shoutmix.com/?1000111" height="200" title="1000111">
<a href="http://www6.shoutmix.com/?1000111">View shoutbox</a>
</iframe>
<br/&gt;<br/> Mw Guest Book yg Seperti ini..??<br/> Klik di <a href="http://aksesorisblogs.blogspot.com/2009/08/menambah-aksesoris-blog-hide-floating.html"> Membuat Show Hide floating Guest Book </a> <div style="text-align:right"> <a href="javascript:showHidehitsukeFX()"> [close] </a> </div> </div> </div> <script type="text/javascript"> var hitsukeFX = document.getElementById("hitsukeFX"); hitsukeFX.style.right = (40-hitsukeFX.offsetWidth).toString() + "px"; </script> <!-- End Show Hide Floating - http://www.aksesorisblogs.blogspot.com -->

Setelah di paste, kemudian gantikan tanda berwarna dengan alamat shoutmix anda.

jgn lupa di save.

and good luck..!!
sumber : hitsuke


Read More
Bookmark and Share

Menambah Aksesoris Blog Feeds COUNT

Mark Lindon

Kmaren saya bingung untuk menambah aksesoris blog feeds count, untung setelah kesasar ke blognya mas freetips, ahirnya saya bisa juga menambahkan aksesoris "Feeds Count". Untuk lebih jelasnya seperti gambar dibawah ini :
bagi yang berkenan untuk menambah aksesorsi Feed count tersebut, bisa mengingkuti langkah langkah seperti berikut:

1. Login ke feedburner
2. Masuk ke halaman dashboard feedburner
3. Kemudian Pilih Publicize
4. pada bagian publicize, pilih feed count
5. Klik Activate
6. Copy/paste script nya ke blog

7. untuk scriptnya bisa di tempat kan di gadget yang baru[HTML/java Script]
8. Good Luck...

Sebenarnya masih banyak aksesoris blog yang dapat kita dapatkan dari kemudahan yang diberikan feedburner diantaranya :
1. Headline animator
2. BuzzBoost
3. Email/subscribtions
4. PingShoot
5. FeedCount
6.ChickletChooser
7. AwarenessAPI
8.CreativeCommons
9.PasswordProtektor

Bagi yang merasa terbantu akan artikel ini, berikan komentar yapps...??!!







Read More
Bookmark and Share

Aksesoris Blog#8 : Cara Menampilkan Recent Comment

Mark Lindon

Aksesoris blog kali ini yaitu Cara menampilkan Recent Comment, atau menampilkan komentar para pengunjung blog kita. mungkin ga usah panjang lebar, saya anggap pengunjung semua pasti dah tau apa itu recent comment. Seperti Contoh dibawah ini ..

Cara nya :

Copy script dibawah ini ke gadget Edit/HTML anda

<script style="text/javascript" src="http://www.geocities.com/damn_lunchix/comments.js"></script><script style="text/javascript">var a_rc=8;var m_rc=false;var n_rc=true;var o_rc=40;</script><script src="http://aksesorisblogs.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>


Semoga "Menambah Aksesoris blog" anda menurut saya ini bukan "aksesoris blog Terbaru" tapi gpp to ? ak posting kembali ... hehe .....




Read More
Bookmark and Share

Aksesoris blog #7 : Menambah Aksesoris TabView

Mark Lindon

Menambah Aksesoris TabView pada blog kita, saya rasa suatu kebanggaan. bagaimana tidak ?? Bila aksesoris blog tersebut menempel pada blog kita, menambah daya tarik dari blog tersebut, disisi lain juga memudahkan daripada pengunjung untuk melihat semua artikel pada blog kita.

Adapun cara menambah aksesoris blog TabView adalah : seperti biasa Login terlebih dahulu ke Blogger, kemudian masuk ke Layout dan pilih Edit/HTML.



Kemudia, langkah berikutnya :
  • Cari kode ini ]]></b:skin>
  • Kemudian masukkan kode dibawah ini, diatas tanda ]]></b:skin>

div.TabView div.Tabs

{

height: 24px;

overflow: hidden;

}

div.TabView div.Tabs a

{

float: left;

display: block;

width: 98px;

text-align: center;

height: 24px;

padding-top: 3px;

vertical-align: middle;

-moz-border-radius-topleft:12px;

-moz-border-radius-topright:12px;

border-top: 1px solid #d9e3ff;

border-left: 1px solid #d9e3ff;

border-right: 1px solid #d9e3ff;

border-bottom: 1px solid #d9e3ff;

font-family: "verdana", Serif;

font-weight: 900;

color: #1E62B6;

}

div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active

{

background-color: #F2F2F2;

}

div.TabView div.Pages

{

clear: both;

border-left: 1px solid #d9e3ff;

border-right: 1px solid #d9e3ff;

border-bottom: 1px solid #d9e3ff;

overflow: hidden;

background-color: #ffffff;

}

div.TabView div.Pages div.Page

{

height: 100%;

padding: 0px;

overflow: hidden;

}

div.TabView div.Pages div.Page div.Pad

{

padding: 3px 5px;

}


  • Pasang kode berikut, sebelum </head>

<script src='http://www.geocities.com/damn_lunchix/tabview.js' type='text/javascript'/>


  • Save
  • Langkah berikutnya, Pilih menu Page Elements ---> Trus Add Gadget ---> pilih yg HTML / JavaScript
  • Inilah script yang kamu harus pasang pada gadget kamu, dengan merubah yang kamu butuhkan.

<form action="tabview.html" method="get">

<div id="TabView" class="TabView">

<div style="width: 300px;" class="Tabs">

<a class="Active" href="javascript:tabview_switch('TabView',%201);">Tab One</a>

<a class="" href="javascript:tabview_switch('TabView',%202);">Tab Two</a>

<a class="" href="javascript:tabview_switch('TabView',%203);">Tab Three</a>

</div>

<div style="width: 300px; height: 275px;" class="Pages">

<div style="overflow: auto; height: 274px; display: block;" class="Page">

<div class="Pad">

<ol>


<li><a href="Your Link Here">Your Link Name </a></li>
<li><a href="Your Link Here">Your Link Name </a></li>
<li><a href="Your Link Here">Your Link Name </a></li>
<li><a href="Your Link Here">Your Link Name </a></li>
<li><a href="Your Link Here">Your Link Name </a></li>
<li><a href="Your Link Here">Your Link Name </a></li>
<li><a href="Your Link Here">Your Link Name </a></li>
<li><a href="Your Link Here">Your Link Name </a></li>
<li><a href="Your Link Here">Your Link Name </a></li>
<li><a href="Your Link Here">Your Link Name </a></li>
<li><a href="Your Link Here">Your Link Name </a></li>
<li><a href="Your Link Here">Your Link Name </a></li>
<li><a href="Your Link Here">Your Link Name </a></li>
<li><a href="Your Link Here">Your Link Name </a></li>
<li><a href="Your Link Here">Your Link Name </a></li>
<li><a href="Your Link Here">Your Link Name </a></li>
<li><a href="Your Link Here">Your Link Name </a></li>
<li><a href="Your Link Here">Your Link Name </a></li>
<li><a href="Your Link Here">Your Link Name </a></li>
<li><a href="Your Link Here">Your Link Name </a></li>
<li><a href="Your Link Here">Your Link Name </a></li>

</ol>

</div>

</div>

<div style="overflow: auto; height: 274px; display: none;" class="Page">

<div class="Pad">

<ol>

<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>


</ol>

</div>

</div>

<div style="overflow: auto; height: 274px; display: none;" class="Page">

<div class="Pad">

<ol>

<script style="text/javascript" src="http://kendhin.890m.com/comments.js"></script><script style="text/javascript">var a_rc=8;var m_rc=false;var

n_rc=true;var o_rc=40;</script><script

src="http://aksesorisblogs.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

</ol>

</div>

</div>

</div>

</div>

</form>

<script type="text/javascript">

tabview_initialize('TabView');

</script>



Thanks to Kendhin






Read More
Bookmark and Share

Aksesoris blog #6 : Menambah Favicon Lucu

Mark Lindon

Menambah Favicon Lucu : pasti sudah pada tau semua Favicon=favorite Icon, bagi yang belum tau, mari belajar bersama membuat favicon lucu. favicon itu salah satu aksesorsi blog yang dapat dimodifikasi. yang mana standart favicon dari blogger adalah lambang B

Untuk merubah Favicon menjadi favorit icon kita sendiri, tidaklah sulit. untuk memulai manambah aksesoris tersebut, langkah awal :
  • Login Ke Blogger
  • Layout
  • Edit/HTML
  • Cari kode </head>
  • Kemudian Letakkan kode dibawah ini, diatas dari </head>

<link href='http://i25.tinypic.com/2wmh0mw.jpg' rel='SHORTCUT ICON'/>


  • Usahakan jgn lupa Save
Warna Hijau bisa di ganti sesuai favorit icon anda.






Read More
Bookmark and Share

Aksesoris blog #5 : Menambah Back to Top Blog

Mark Lindon

Menambah Aksesoris Blog "Back to Top" : para blogger pasti sebagian sudah tau cara menambah aksesoris blog back to top. bagi yang merasa belum tau dan ingin mencoba, tidak ada salahnya untuk memulainya.

Cara menambah nya sangat mudah

  • TebalLogin ke blogger
  • Pilih Layout
  • Edit/HTML
  • Kemudian letakkan kode dibawah ini, sebelum kode </Head>

<a href='#' style='display:scroll;position: fixed; bottom:5px;right:5px;' title='Back to Top'><img src='http://i302.photobucket.com/albums/nn113/aburifaie/Jumptotop2.gif'/></a>


  • Warna merah bisa di ganti sesuai image yang anda sukai
  • Setelah itu SAVE

Selamat Berkreasi!!

Mungkin Postingan ini yang anda cari


Read More
Bookmark and Share

Aksesoris blog #4 : Menambah Sosial bookmark

Mark Lindon

Aksesoris blog #4 : Menambah Bookmark addthisSering kali kita berkunjung ke setiap blog, tidak jarang kita menemukan "Aksesoris blog" seperti ini gambar diatas. kegunaan hampir sama dengan "aksesoris blog" lainnya yaitu untuk mempermudah pengunjung melakukan share sesuai dengan fasilitas bookmark yang kita berikan.

Apakah susah dalam Menambah Sosial Bookmark tersebut kedalam blog kita ?? menurut saya tidak terlalu sulit.

Mari kita mulai
langkah pertama harus login atau registrasi ke addthis salah satu penyedia layanan bookmark yang menurut saya sudah komplit sosial bookmark nya.

Setelah login di addthis.com,
  • Pilih service untuk Blogger
  • Pilih Button Style kesukaan
  • Klik Get Your Button
  • Copy Kode scriptnya
  • Login ke Blogger/masuk ke Layout/EditHTML/jgn lupa ExpandWidget
  • Cari kode dibawah ini <data:post.body/>
  • Kemudian paste dibawah kode <data:post.body/>
  • save
Anda juga dapat meletakkannya script ini di setiap ahir postingan anda.

<!-- 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?pub=lindon"></script></div>
<!-- AddThis Button END -->



Maka hasilnya seperti ini :


Bookmark and Share



Trimakasih untuk kunjungannya,


Mungkin Postingan ini yang anda cari :



trimakasih ...



Read More
Bookmark and Share