טבעת בלוגים – שלום עולם

7 ביולי 2012

תגיות: , ,
2 תגובות

רון קליין יצא במיזם שנקרא שלום עולם, מטרת המיזם היא לעזור לבלוגרים הכותבים בעברית לפרסם את הפוסטים שלהם.

לקריאה ומידע נוסף – בבלוג של רון.

מי ששם לב – בצד ימין ברשימת הלינקים הוספתי "טבעת בלוגים" המכיל לינקים לשני פוסטים מהקהילה.

לבלוגרים הכותבים בעברית בפלטפורמת הבלוגים של מייקרוסופט, כך תוכלו להצטרף למיזם.

גלשו לאתר הבלוגים, פתחו את ה – Control Panel, לחצו על My Blogs, כעת לכו כל Global Settings, ובסוף לחצו על Title Description and News.

גללו באתר לסוף העמוד – שם יש מקטע בשם "Raw Header" – במקטע זה ניתן להוסיף קטעי סקריפט.

נעתיק את קטע הקוד הבא:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

זה יעזור לנו לכתוב קטעי jQuery כדי לייבא ולהוסיף את טבעת הבלוגים לאתר.

כתבתי שתי גרסאות להוספת טבעת הבלוגים, תבחרו מה שמוצאת חן בעיניכם.

הפשוטה:

<script>

    $(document).ready(function () {

        $.getJSON("http://shalom-olam.com/ring/[BLOGGER KEY]/?callback=?", {},

            function (data) {

                var items = [{ d: data.Previous, s: "prv" }, { d: data.Next, s: "nxt"}];

                var html = '<div id="olam" dir="rtl" align="right"><h3>' +

                            '<a target="_blank" title="שלום עולם" href="http://shalom-olam.com/">טבעת בלוגים</a>' +

                '           </h3><ul><li><a target="_blank" title="' + items[0].d.Description.Short + '" href="' +

                            items[0].d.Url + '" target="_blank">' + items[0].d.Description.Long + '</a></li><li><a title="' +

                            items[1].d.Description.Short + '" href="' + items[1].d.Url + '">' +

                            items[1].d.Description.Long + '</a></li></ul></div>';

                $(html).insertBefore('#RecentPosts');

            });

    });

</script>

הקוד די פשוט, ניגשים לשירות שרון קליין חשף, מייבאים את המידע ויוצרים פשוטה קוד html בצורה שנרצה להציג.

גרסת ה – jQuery המלאה היא כזאת

<script>

    $(document).ready(function () {

        $.getJSON("http://shalom-olam.com/ring/[BLOGGER KEY]/?callback=?", {},

            function (data) {

                $('<div>').attr(

                {

                    id: 'olam',

                    dir: 'rtl',

                    align: 'right'

                })

                .append('<h3>')

                .find('h3:last')

                .append('<a>').find('a:last').attr({

                    target: '_blank',

                    title: 'שלום עולם',

                    href: 'http://shalom-olam.com/'

                }).text('טבעת בלוגים')

                .end()

                .end()

                .append('<ul>')

                .find('ul')

                .append('<li>')

                .find('li')

               .append('<a>').find('a:last').attr({

                    target: '_blank',

                    title: data.Previous.Description.Short, // set title to blogger name

                    href: data.Previous.Url

                }).text(data.Previous.Description.Long) // set link text to post title

                .end().end()

                .append('<li>').find('li:last')

                .append('<a>').find('a:last').attr({

                    target: '_blank',

                    title: data.Next.Description.Short, // set title to blogger name

                    href: data.Next.Url

                }).text(data.Next.Description.Long) // set link text to post title

                .end().end().end()

                .insertBefore('#RecentPosts'); // ad new element to document

            });

    });

</script>

לאחר הוספת הקוד הזה הבלוג יציג את טבעת הבלוגים כראוי.

הוסף תגובה
facebook linkedin twitter email

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

2 תגובות

  1. רון קליין8 ביולי 2012 ב 15:18

    הי שלמה,
    תודה על התרומה שלך לעניין!
    בהצלחה לכולנו 🙂
    –רון

    הגב
  2. רון9 ביולי 2012 ב 7:52

    הבלוגים האלו מעניינים, תודה.

    אני מניח שכולם הרוויחו מזה, לפחות על פי השימוש שלי; אני תמיד נכנס לבלוג הזה, ואם אין חדשות/ אחרי שאני מסיים לקרוא את החדש, אני עובר לשאר הבלוגים.

    הגב