Loading..
Sponsored By :GoogleAdsense.
Showing posts with label blogger. Show all posts
Showing posts with label blogger. Show all posts

Monday, August 1, 2011

Creating A Random Blogroll Widget In Blogger

I was talking with Sarah a while back about Better Blogroll and she asked whether I knew of a similar widget for Blogspot users that would show a random subset of links from a Blogspot blogroll. Today, I finally spent a little time putting something together that would work within Blogspot’s unique framework. While I didn’t come up with anything that has as many options as Better Blogroll, I did manage to come up with a hack that will allow Blogger users to display a random subset of links from the Blogger Links Widget.

This is a hack, so you’re going to have to get a little dirty to make it work. In the end, you’ll have a random blogroll, but the widget will ignore the “number of items to show” and “sort” options in the widget because those will be controlled from within the new code.

If you’re interested in creating a random links list on your own Blogger/Blogspot blog, read on for the complete instructions.

How To Show Random Links On Your Blogspot Blog
  • Go to the Layout Tab and click Add Page Element.
  • Find Links List and click Add To Blog.
  • Type in a title and click Save Changes.
  • Go to the top of the Layout page and click Edit HTML
  • Click Download Full Template, so that if you mess this up, you’ll have a backup of your template.
  • Put a check in the checkbox that reads Expand Widget Templates.
  • Search for the line in the template that contains the title you input. It should look something like this:


  • This is the start of the widget you created. Don’t touch this line, but delete all the lines below it until you reach . This is the end of the link list widget. Now you have an empty links widget. Your code should look something like this:



<--NEW CODE WILL GO HERE-->


  • What you’ve done is gutted the Links widget, and now you’re going to fill the space with the new random blogroll guts. Take the following code and insert it into the section above that reads “NEW CODE WILL GO HERE”. Please don’t make me tell you that “<--NEW CODE WILL GO HERE-->” should NOT be in your code. You knew that already.




 
     
     

 



  • Well, Dr. Frankenblogger, you’re almost there. The widget defaults to 10 random links. If you want to change that, change the number on this line: var maxlinks = 10; to the number of links that you’d prefer.
  • Click Save Template.
  • Click on the Layout Tab.
  • Click Edit on the Links Widget and add some links to your blogroll. *dyers

Sunday, July 31, 2011

Membuat daftar link animasi cloud

Salam dunia maya, semoga sobat sekalian dalam keadaan sehat dan tetap dalam lindungan Tuhan Yang Maha Esa, tips berikut adalah hasil dari modifikasi membuat Tag Cloud dengan Animasi, yang saya coba berikan kali ini adalah tidak di peruntukan untuk Tag tapi sekedar untuk kumpulan link sobat untuk di buat seperti animasi tag cloud dan tidak menggunakan kode javascript hanya modifikasi dari flash.

kode untuk link animasi

id="tagcloud" name="tagcloud" bgcolor="#252424" quality="high" flashvars="hicolor= 0xffffff&tcolor=0xF3A217&mode=tags&distr=true&tspeed=100&tagcloud=<tags>  
  
<a href='http://ordinaryblog.info/' style='24'>Teks Link</a&gt  
<a href='http://ordinaryblog.info/' style='24'>Teks Link</a&gt  
<a href='http://ordinaryblog.info/' style='24'>Teks Link</a&gt  
<a href='http://ordinaryblog.info/' style='24'>Teks Link</a&gt  
<a href='http://ordinaryblog.info/' style='24'>Teks Link</a&gt  
<a href='http://ordinaryblog.info/' style='24'>Teks Link</a&gt  
  
  
</tags>"   
  
allowscriptaccess="always" width="350" height="150">

Untuk modifikasi tampilan

bgcolor=#252424 (warna latar)
tcolor=0xF3A217 (warna huruf)
hicolor= 0xffffff (warna hover)
width="350" (lebar)
height="150" (tinggi)
style=24 (besar huruf)

Cara menempatkan

  • Ini tergantung dari sobat sekalian , dapat di tempatkan di sidebar atau di dalam postingan seperti preview diatas
  • untuk penempatan di dalam postingan kode yang sobat copy di encode/parse terlebih dahulu
  • untuk membuat animasi label tag cluod bisa langsung ke sumbernya http://www.bloggerbuster.com/2008/08/blogumus-flash-animated-label-cloud-for.html




Share

Twitter Delicious Facebook Digg Stumbleupon Favorites

 
Photobucket