Blogger Tips - Tricks - Gadgets - Templates

floating facebook like box for blogger + ευρεση id σε facebook page

Είναι ακριβώς ίδιο με το floating twitter followers box for blogger με μόνη διαφορά πως πρόκειται για το facebook αντί για το twitter.

Η διαδικασία προσθήκης του είναι πολύ εύκολη.

1. σύνδεση στο blogger.com
2. Διάταξη > Προσθήκη gadget > HTML/JavaScript
3. Eπικολλήστε εκεί τον παρακάτω κώδικα:

Προσοχή τώρα:

σας έχω μαρκάρει με κόκκινο το http%3A%2F%2Fwww.facebook.com%2Fpages%2Fbloggertipsgr%2F643745905641753
πρέπει να αντικαταστήσετε το bloggertipsgr με το δικό σας name και το 643745905641753 με το δικό σας id
η γενική μορφή είναι http%3A%2F%2Fwww.facebook.com%2Fpages%2Fname%2Fid
δεν γίνονται δεκτές διευθύνσεις με username π.χ. https://www.facebook.com/www.bloggertipstips.gr

εύρεση id σε facebook fan page:

update: στην παρακάτω φωτο έχω κάνει λάθος. το name δεν είναι αυτο που έχω κυκλώσει!

για παράδειγμα αν η url σας είναι της μορφής: https://www.facebook.com/www.bloggertipstips.gr τότε σβήστε το www και αντικαταστήστε το με το graph δηλαδή θα γίνει έτσι: https://graph.facebook.com/www.bloggertipstips.gr
αν ανοίξετε το https://graph.facebook.com/www.bloggertipstips.gr
πάνω-πάνω θα σας εμφανίσει το id της σελίδας σας και παρακάτω το name της (δες φώτο)

Είστε έτοιμοι!

Αν σας άρεσε κάντε like στη σελίδα μας στο facebook, από το fan box widget που έχουμε δίπλα!

Copyrights: http://www.bloggertips.gr/

floating twitter followers box for blogger

PDF

Πρόκειται για ένα θαυμάσιο floating twitter followers box for blogger, το οποίο, ξεδιπλώνεται όμορφα στον επισκέπτη με το πέρασμα του κέρσορα του ποντικιού του από πάνω του. Αυτή την περίοδο έχω βάλει και εγώ αυτό το widget στο bloggertips, οπότε μπορείτε να δείτε το live demo. Η εικόνα επίσης της παρούσας ανάρτησης είναι διαφωτιστική για τη λειτουργία του widget.

Η διαδικασία προσθήκης του είναι πολύ εύκολη.

1. σύνδεση στο blogger.com
2. Διάταξη > Προσθήκη gadget > HTML/JavaScript
3. Eπικολλήστε εκεί τον παρακάτω κώδικα:

Το μόνο που έχετε να κάνετε πλέον είναι να αλλάξετε το johnpatra με το δικό σας username στο twitter!
Είστε έτοιμοι!

Αν σας άρεσε κάντε like στη σελίδα μας στο facebook, από το fan box widget που έχουμε δίπλα, και ακολουθήστε μας στο twitter!

Copyrights: http://www.bloggertips.gr/

Κρύψτε αναρτήσεις απο την αρχική σελίδα

PDF

Καλησπέρα,

Ύστερα από απορία αναγνώστριας που δημιουργήθηκε,σε αυτή την ανάρτηση θα εξηγήσουμε πως μπορούμε να "κρύψουμε" μια ανάρτηση από την αρχική μας σελίδα και να εμφανίζεται μόνο όταν την επιλέξουμε π.χ. από το μενού μας.

Αρχικά,επιλέγουμε επεξεργασία Html και στη συνέχεια πατάμε Ctrl-F και γράφουμε <!-- posts -->

Στη συνέχεια σβήνουμε όλο το τμήμα του κώδικα από το <!-- posts --> και κάτω,μέχρι να φτάσουμε πάνω από το <! -- navigation -->.

Στη θέση του κώδικα που σβήσαμε κάνουμε επικόλληση τον παρακάτω κώδικα: 

divclass='blog-posts hfeed'>

<b:include data='top' name='status-message'/>

 <data:defaultAdStart/>

 <b:loop values='data:posts' var='post'>

<b:if cond='data:blog.pageType == &quot;index&quot;'>

<script type='text/javascript'>var ssyby=&#39;<data:post.dateHeader/>&#39;;</script>

<div class='ssyby-date-outer2'>

<b:if cond='data:post.labels'>

<b:if cond='data:blog.url != &quot;http://yoboy-12.blogspot.com/search/label/hide&quot;'>

  <div class='date-outer'>

   <h2 class='date-header'><span><script type='text/javascript'>document.write(ssyby);</script></span></h2>

   <div class='date-posts'>

    <div class='post-outer'>

     <b:include data='post' name='post'/>

     <b:if cond='data:blog.pageType == &quot;static_page&quot;'>

          <b:if cond='data:post.showThreadedComments'>

            <b:include data='post' name='threaded_comments'/>

          <b:else/>

            <b:include data='post' name='comments'/>

          </b:if>

     </b:if>

     <b:if cond='data:blog.pageType == &quot;item&quot;'>

          <b:if cond='data:post.showThreadedComments'>

            <b:include data='post' name='threaded_comments'/>

          <b:else/>

            <b:include data='post' name='comments'/>

          </b:if>

     </b:if>

    </div>

    <b:if cond='data:post.includeAd'>

     <b:if cond='data:post.isFirstPost'>

     <data:defaultAdEnd/>

     <b:else/>

     <data:adEnd/>

     </b:if>

      <div class='inline-ad'>

       <data:adCode/>

      </div>

      <data:adStart/>

    </b:if>

   </div>

<b:loop values='data:post.labels' var='label'>

<script type='text/javascript'>

var dhar = &#39;<data:label.name/>&#39;;

if(dhar == "hide" || dhar == "label2"){

document.write(&quot;<div class='hide-climb'/>&quot;);

flag=flag*0;}

</script>

</b:loop>

  </div>

<b:else/>

 <div class='date-outer'>

   <h2 class='date-header'><span><script type='text/javascript'>document.write(ssyby);</script></span></h2>

   <div class='date-posts'>

    <div class='post-outer'>

     <b:include data='post' name='post'/>

     <b:if cond='data:blog.pageType == &quot;static_page&quot;'>

          <b:if cond='data:post.showThreadedComments'>

            <b:include data='post' name='threaded_comments'/>

          <b:else/>

            <b:include data='post' name='comments'/>

          </b:if>

     </b:if>

     <b:if cond='data:blog.pageType == &quot;item&quot;'>

          <b:if cond='data:post.showThreadedComments'>

            <b:include data='post' name='threaded_comments'/>

          <b:else/>

            <b:include data='post' name='comments'/>

          </b:if>

     </b:if>

    </div>

    <b:if cond='data:post.includeAd'>

     <b:if cond='data:post.isFirstPost'>

     <data:defaultAdEnd/>

     <b:else/>

     <data:adEnd/>

     </b:if>

      <div class='inline-ad'>

       <data:adCode/>

      </div>

      <data:adStart/>

    </b:if>

   </div>

  </div>

</b:if>

<b:else/>

  <div class='date-outer'>

<script type='text/javascript'>var ssyby=&#39;<data:post.dateHeader/>&#39;;</script>

   <h2 class='date-header'><span><script type='text/javascript'>document.write(ssyby);</script></span></h2>

   <div class='date-posts'>

    <div class='post-outer'>

     <b:include data='post' name='post'/>

     <b:if cond='data:blog.pageType == &quot;static_page&quot;'>

          <b:if cond='data:post.showThreadedComments'>

            <b:include data='post' name='threaded_comments'/>

          <b:else/>

            <b:include data='post' name='comments'/>

          </b:if>

     </b:if>

     <b:if cond='data:blog.pageType == &quot;item&quot;'>

          <b:if cond='data:post.showThreadedComments'>

            <b:include data='post' name='threaded_comments'/>

          <b:else/>

            <b:include data='post' name='comments'/>

          </b:if>

     </b:if>

    </div>

    <b:if cond='data:post.includeAd'>

     <b:if cond='data:post.isFirstPost'>

     <data:defaultAdEnd/>

     <b:else/>

     <data:adEnd/>

     </b:if>

      <div class='inline-ad'>

       <data:adCode/>

      </div>

      <data:adStart/>

    </b:if>

   </div>

  </div>

</b:if>

</div>

<b:else/>

  <div class='date-outer'>

<script type='text/javascript'>var ssyby=&#39;<data:post.dateHeader/>&#39;;</script>

   <h2 class='date-header'><span><script type='text/javascript'>document.write(ssyby);</script></span></h2>

   <div class='date-posts'>

    <div class='post-outer'>

     <b:include data='post' name='post'/>

     <b:if cond='data:blog.pageType == &quot;static_page&quot;'>

          <b:if cond='data:post.showThreadedComments'>

            <b:include data='post' name='threaded_comments'/>

          <b:else/>

            <b:include data='post' name='comments'/>

          </b:if>

     </b:if>

     <b:if cond='data:blog.pageType == &quot;item&quot;'>

          <b:if cond='data:post.showThreadedComments'>

            <b:include data='post' name='threaded_comments'/>

          <b:else/>

            <b:include data='post' name='comments'/>

          </b:if>

     </b:if>

    </div>

    <b:if cond='data:post.includeAd'>

     <b:if cond='data:post.isFirstPost'>

     <data:defaultAdEnd/>

     <b:else/>

     <data:adEnd/>

     </b:if>

      <div class='inline-ad'>

       <data:adCode/>

      </div>

      <data:adStart/>

    </b:if>

   </div>

  </div>

</b:if>

 </b:loop>

 <data:adEnd/>

</div>

<script src='http://code.jquery.com/jquery-latest.js'/>

<script>

$(&#39;.hide-climb&#39;).closest(&#39;.ssyby-date-outer2&#39;).css(&#39;display&#39;, &#39;none&#39;);

</script>

Είμαστε έτοιμοι!Για να "κρύψετε" τώρα μια ανάρτηση από την αρχική σελίδα απλά βάλτε της ετικέτα hide 

Έτσι λοιπόν μπορούμε να έχουμε ένα μενού που να γράφει Multimedia το οποίο να ανακατευθύνει στο χρήστη σε όλες τις αναρτήσεις με ετικέτα hide

Για οποιαδήποτε απορία αφήστε μας σχόλιο στη σελίδα του BloggerTips στο facebook! 
https://www.facebook.com/www.bloggertipstips.gr

Copyrights: http://www.bloggertips.gr/