Link tab

  • 1
  • Question
  • Updated 7 years ago
  • Answered
Ohai Yola, i was wondering.. is it possible to get a Link tab on the side of my website? here's an example

Photo of WLD

WLD

  • 26 Posts
  • 0 Reply Likes

Posted 7 years ago

  • 1
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello WLD,

Here are a couple suggestions that might work. I have not tried these so I don't know how well they work!

http://www.abcarticledirectory.com/Ar...

http://diythemes.com/thesis/rtfm/addi...

Hopefully, other forum members will be able to chime in with their suggestions as well.
Photo of WLD

WLD

  • 26 Posts
  • 0 Reply Likes
Hey Sanja, linktab from the first one is pretty nice, i like it,

but is there a way to only get 1 logo linking my first youtube channel, a 2nd logo, linking to my other youtube channel, and a twitter button for my twitter on the linktab? im not really good at HTML, so i wouldnt know how.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello WLD,

I'm sure that you could switch things around. It's a matter of swapping the codes around. Try setting it up as is and then I can help further in tweaking it.
Photo of WLD

WLD

  • 26 Posts
  • 0 Reply Likes
Hey Sanja, i've been trying to change some links and titles in the HTML code, but it did not change anything after saving, it only made this happen:



Like, half of the page disapeared, and the whole linktab got messed up.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello WLD,

I would need to go into your site to take a look at your codes. Do you mind if I did this? Please let me know your site URL and the page where you're trying to set this up.
Photo of WLD

WLD

  • 26 Posts
  • 0 Reply Likes
Yes, ofcourse.

Here's a link to it:

http://wld.yolasite.com/linktab.php
Photo of Shawn Holman

Shawn Holman

  • 486 Posts
  • 26 Reply Likes
As im looking in the source it seems that you havent deleted any of them.

Could you please tell me which ones you would like deleted
Photo of WLD

WLD

  • 26 Posts
  • 0 Reply Likes
yeah, i lost that code, because i copied it, and then copied something else, this is the standard code, wich i want removed are Facebook, Stumbleupon, Digg, Buzz, and the little "Get this" text underneath.
Photo of Shawn Holman

Shawn Holman

  • 486 Posts
  • 26 Reply Likes
OK, well do you mind if I do this later because I'm working on YolaTools
Photo of WLD

WLD

  • 26 Posts
  • 0 Reply Likes
Take your time, your doing so much already. :)
Photo of Shawn Holman

Shawn Holman

  • 486 Posts
  • 26 Reply Likes
Thank you!

I'll help you soon because ill be up till about 5:30 AM on this forum
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Thanks Shawn! I'll leave this in your hands! If you need any help, please let me know!
Photo of Shawn Holman

Shawn Holman

  • 486 Posts
  • 26 Reply Likes
WLD,

You did a big mistake while adding this code and if you add that to another page that like destroying your page

What you did is re-added the:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
and
<head>


The DOCTYPE and head tag is already added with yola.

I'm creating your code and your going to be amazed because I'm adding a cool effect! :)
Photo of Shawn Holman

Shawn Holman

  • 486 Posts
  • 26 Reply Likes
Code is done but I'm going to post it later on.....
Photo of WLD

WLD

  • 26 Posts
  • 0 Reply Likes
Yeah.. i did mess it up
Can't wait till you post it. :D

Thank's alot Shawn.
Photo of Shawn Holman

Shawn Holman

  • 486 Posts
  • 26 Reply Likes
Sorry, I took so long but I went to sleep late and woke up late

Check this out:

http://yolatools.yolasite.com/link-ta...

Note: I'm going to give you the code so its located on the left:

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
//Shake Effect - MADE USING ANIMATE
$(document).ready(function() {$('#pageshare').animate({'top' : '485px'},2000).animate({'top' : '465px'},1000).animate({'top' : '505px'},1000).animate({'top' : '485px'},1000);});
</script>
<style type="text/css">
#pageshare {position:fixed; top:-60%; left:10px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
background:#f5f5f5;
background:#f5f5f5 -webkit-gradient(linear, center top, center bottom, from(#fff), to(#f5f5f5));
background:#f5f5f5 -moz-linear-gradient(center top, #fff 0%, #f5f5f5 60%);padding:0 0 2px 0;z-index:10;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f5f5f5');}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
</style>
<div id='pageshare' title="Share This With Your Friends">
<!--TWITTER BUTTON-->
<div class='sbutton' >
<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>
<!--Google +1-->
<div class='sbutton' ><g:plusone size="tall"></g:plusone></div>
</div>


Just add this in an HTML Widget
Or if you have Yola Silver then put it in the Site Tracking Code, under Header Code.

Best Regard,
Shawn

Hope you like!
Photo of WLD

WLD

  • 26 Posts
  • 0 Reply Likes
Hey Shawn, thanks ALOT for this!
and also the Shake Effect is pretty amazing. :D

but,how do i get the linktab in the middle of the website?
Photo of Shawn Holman

Shawn Holman

  • 486 Posts
  • 26 Reply Likes
Why would you want it in the middle. Its suppose to be on the right.
Photo of WLD

WLD

  • 26 Posts
  • 0 Reply Likes
no, it's like too far down, it's out of screen.
Photo of Shawn Holman

Shawn Holman

  • 486 Posts
  • 26 Reply Likes
WLD,

Do you have a small screen?

Well switch:

<script type="text/javascript">
//Shake Effect - MADE USING ANIMATE
$(document).ready(function() {$('#pageshare').animate({'top' : '485px'},2000).animate({'top' : '465px'},1000).animate({'top' : '505px'},1000).animate({'top' : '485px'},1000);});
</script>


To:

<script type="text/javascript">
//Shake Effect - MADE USING ANIMATE
$(document).ready(function() {$('#pageshare').animate({'top' : '385px'},2000).animate({'top' : '365px'},1000).animate({'top' : '405px'},1000).animate({'top' : '385px'},1000);});
</script>


Where ever the Link Tab is, is bases on the numbers.
I took 100px off of each number which will make it higher by 100px

Note: Because it seems that you have a smaller screen it will look different than on my screen. But its better if even small screens can see it.

Best Regards,
Shawn
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Thanks again for all your work on this!
Photo of Shawn Holman

Shawn Holman

  • 486 Posts
  • 26 Reply Likes
Your welcome....this was very fun and simple to make and I gladly like creating codes! :)