Hi! Welcome...

Premium Blogger Template
FREE Premium Blogger Templates
Μοναδικά Free Blogger πρότυπα για το blog σας
Slimbox 2.02 με jquery-1.3.2 στο Bloggspot .
Πώς να εγκαταστήσετε SlimBox σε Blogger
ΙmgBox
Για να παρουσιάσετε τις εικόνες σας με στυλ !!!
31 καλυτέρα Blogger Widgets και addon
Κατάλογος συνδέσμων όπου μπορείτε να ανακαλύψετε περισσότερα widgets για το blog σας.
1 2 3 4 5

Πέμπτη, Ιουλίου 8

8

Digg-Digg social bookmarking widget για Blogger


Digg-Digg social bookmarking widget
Digg-Digg social bookmarking widget για Blogger

 Πριν από κάποιες μέρες σερφάροντας στο Διαδίκτυο βρήκα ένα πολύ όμορφο social bookmarking widget , το οποίο είναι WordPress plugin και ονομάζετε Digg-Digg ! ( Για όσους χρησιμοποιούν WordPress , μπορούν να το κατεβάσουν εδώ )
Λοιπόν , μου τράβηξε την προσοχή και άρεσε τόσο πολύ που αποφάσισα να πειραματιστώ και να φτιάξω κάτι παρόμοιο για την Blogger πλατφόρμα .

Το συγκεκριμένο social bookmarking widget έχει διάφανο φόντο ,ώστε να ταιριάζει με όλα τα πρότυπα και περιλαμβάνει όλες τις πιο δημοφιλείς social bookmarking υπηρεσίες , επίσης έχω προσθέσει  ένα κουμπί και πατώντας το μπορείτε  να βρείτε ακόμη περισσότερες  social bookmarking υπηρεσίες   

Δείτε το αποτέλεσμα σε λειτουργία εδώ


Για να το εγκαταστήσετε στο blog σας :

1 . Πηγαίνετε Σχεδίαση >> Επεξεργασία HTML και πατήστε στο κουτάκι Επέκταση προτύπων γραφικών στοιχείων

2 . Βρείτε στο πρότυπό σας την ετικέτα  ]]></b:skin>  και κολλήστε τον παρακάτω κώδικα ακριβώς από πάνω :


/* Postshare-Box by bloggertrics
----------------------------------------------- */
#postshare {
left:0;
position:fixed;
top:700px;
}
#postshare_Box {
left:0;
position:fixed;
top:700px;
width:80px;
}
#share_butt {
border-top-right-radius:8px;
border-bottom-right-radius:8px;
-moz-border-radius-topright:8px;
-moz-border-radius-bottomright:8px;
-webkit-border-top-right-radius:8px;
-webkit-border-bottom-right-radius:8px;
background:rgba(13, 13, 13, 0.2);
border:1px solid rgba(0,0,0, 0.5);
bottom:40px;
margin-top:10px;
position:fixed;
width:70px;
}
#butt {margin:7px;}

div.devid{background-color:rgba(0,0,0 ,0.5); height:1px; width:38px; margin:5px auto;}

Τώρα βρείτε την ετικέτα   <body>  και κολλήστε ακριβώς από κάτω τον παρακάτω κώδικα  :


<!-- Postshare-Box by bloggertrics.blogspot.com start -->
  <div id='postshare'>
<div id='postshare_Box'>
<div id='share_butt'>
<div class='butt'>
<a class='google-buzz-button' data-button-style='normal-count' data-locale='el' href='http://www.google.com/buzz/post' title='Post to Google Buzz'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/>
</div>
<div class='devid'/>
<div class='butt'><script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/></div>
<div class='devid'/>
<div class='butt'>
<script src='http://bloggertrics.googlecode.com/files/fshare.js'/>
<div class='clear'/></div>
<div class='devid'/>
<div class='butt'><script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/></div>
<div class='devid'/>
<div class='butt'><a class='DiggThisButton'/><script src='http://digg.com/tools/diggthis.js' type='text/javascript'/></div>
<div class='devid'/>

<div class='butt'>
<a class='addthis_button_more'><img alt='More' height='20' src='http://s7.addthis.com/static/t00/logo1414.gif' width='20'/></a>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js?pub=xa-4a65e1d93cd75e94' type='text/javascript'/>
<span style='font-size:10px;'> <a href='http://bloggertrics.blogspot.com/2010/07/digg-digg-social-bookmarking-widget.html' target='_blank'>Take This</a></span>
</div>
</div>
</div>
Αποθηκεύετε το πρότυπό σας και είστε έτοιμοι να μοιραστείτε τα άρθρα σας με όλο το κόσμο. Σε περίπτωση που αντιμετωπίσετε κάποιο πρόβλημα η έχετε κάποια ερώτηση αφήστε το σχόλιό σας !

8:

post2.soo είπε...

Ααααααααααα ωραίο αυτο! Πάω να το βάλω!
Αμάν ρε Σοφία αυτό το σχεδιαστικό λούκι δεν λέει να τελειώνει ποτέ γκρρρ
Όχι ότι δεν μου αρέσει να αλλάζω το blog μου αλλά μου παίρνει αιώνες  >:o
Να έρθεις να μου το φτιάξεις εσύ που είσαι ειδική (τζάμπα εννοείται :-P )

post2.soo είπε...

Αντιμετωπίσω ένα πρόβλημα. Επειδή το template μου είναι αρκετά φαρδύ, τα εικονίδια φαίνονται μισά. Τα άλλα μισά κρύβονται πίσω από το sheet, ξέρεις στο background. Κατάλαβες τι λέω? :-P
Επίσης, αναρωτιέμαι αν υπάρχη δυνατότητα να τα βάλω αντί για αριστερά ή δεξια, στο πάνω μέρος της σελίδας σε οριζόντια διάταξη. Λέω εγώ τώρα... >:o

bloggertrics είπε...

Όποτε θέλεις βρε κοριτσάκι  και οτι  θέλεις να σου φτιάξω και τζάμπα εννοείται !!! Αφού σου το έχω ξαναπεί  :* :-D

Εγω πάντως το template σου το βλέπω κανονικά αλλά είδα το  sheet σου και έχεις βάλει το background σου widht: 1200px; μπορεί αυτό να φταίει !

Δοκίμασε το να το αλλάξεις σε 100% η μέχρι 1000px , να δεις το αποτέλεσμα .

post2.soo είπε...

Αααααααα πάω να το δω και έρχομαι να σου πω!

post2.soo είπε...

Μπουά!
Άλλαξα ένα width αλλά δεν ξέρω ποιο, χοχο
Έχει πολλά με 1200px και δεν ξέρω ποιό να διαλέξω :-P

bloggertrics είπε...

Το είδα γκρρρρρρ =-X

Δοκίμασα να το κάνω με το firebug , αλλά μου βγαίνουν πολύ περίεργα αποτελέσματα μουχαχα >:o
Λέω να μην αλλάξεις τίποτα , γιατί είναι ο κώδικας γραμμένος ετσι που αν αλλάξεις  πλάτος κάποιο στοιχείο, πρέπει να αλλάξεις πλάτος μετά σε ολα τα στοιχεία για να είναι σε ισορροπία αλλιώς δεν θα είναι κεντραρισμένο το πρότυπό σου και το αποτέλεσμα θα ειναι χαλια !

Αυτό που μπορεις να κανεις ειναι να μειώσεις πλατος με το Artisteer για ασφαλές αποτελέσματα , όμως εγώ όπως σου ειπα δεν βλέπω να εχει πρόβλημα το πρότυπό σου !
Ολα κανονικά φαίνονται !

post2.soo είπε...

Κανονικό είναι το μάτι σου κοπελιά, χιχι
:-P >:o :*

bloggertrics είπε...

Κανονικό είναι το μάτι μου βέβαια , εμ τι θα είναι αλλήθωρο ??? μουχαχαχααααα O:-) :-P

 

© 2010 Bloggertrics

WordPress Theme by: WooThemes. | Converted into Blogger Templates by : Bloggertrics

ΑΡΧΙΚΗ| Sitemap| Posts RSS