منتديات الهجان
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

منتديات الهجان


 
الرئيسيةأحدث الصورالتسجيلدخول

 

  شرح عمل قسم منقسم لموضعات بلوجر مثل المواقع الاخبارية

اذهب الى الأسفل 
كاتب الموضوعرسالة
الهجان
مستر وليد فريد
مستر وليد فريد
الهجان


ادعية لوجة الله : هوا الله
السرطان ذكر
عدد المساهمات : 4697
تاريخ الميلاد : 04/07/1975
تاريخ التسجيل : 21/09/2009
العمر : 48

 شرح عمل قسم منقسم لموضعات بلوجر مثل المواقع الاخبارية  Empty
مُساهمةموضوع: شرح عمل قسم منقسم لموضعات بلوجر مثل المواقع الاخبارية     شرح عمل قسم منقسم لموضعات بلوجر مثل المواقع الاخبارية  Icon_minitimeالسبت يوليو 06 2013, 21:53

 شرح عمل قسم منقسم لموضعات بلوجر مثل المواقع الاخبارية  New+Picture

DEMO


  1. Login ke blogger dengan akun Anda
  2. Setelah itu pilih blog yang ingin anda tambahkan widget ini.
  3. Masuk ke template >> Edit HTML, kemudian centang expand widget templates
  4. Untuk berjaga-jaga agar tidak terjadi kesalahan dalam pengeditan nantinya, backup dulu template anda.
  5. Setelah semua langkah diatas anda lakukan, letakkan kode berikut ini diatas kode [b style="color: #cc0000;"]]]>[/b] :
    الكود:
    #mas-terbaru{border:1px solid #585858;width:100%;margin:0 auto}

    #terbaru{margin:0px}

    .mas-elemen{border:1px solid #ccc;margin:5px 0;padding:5px;height:79px}

    .mas-elemen img{background:#999;padding:4px;float:left;height:70px;margin-right:8px;width:70px}

    .mas-elemen h6,.mas-elemen h6 a{font-size:12px!important;font-weight:700!important;margin:0;color:#111}

    .mas-elemen:hover{background-color:#c3c3c3}

    .mas-elemen p{font:14px PT Sans Narrow;text-align:justify;color:#555;line-height:14px;margin:5px 0}

    #mas-loading{color:#888;font-family:Tahoma;font-size:100px;letter-spacing:-10px;text-align:center;text-shadow:-5px
     0 1px #444;background:#141414
    url(http://1.bp.blogspot.com/-vBDcLG_CXzU/UBqEMTknKcI/AAAAAAAAIHE/pZTfBZLbPwY/s1600/loading.gif)
     no-repeat 50% 50%;height:470px;border:1px solid #c3c3c3}

    #mas-navigasifeed{border:1px solid #c3c3c3;color:#bbb;font-family:Verdana;font-size:12px;text-align:center;margin:0px}

    #mas-navigasifeed:hover{background-color:#c3c3c3}

    #mas-navigasifeed
    a{color:#141414!important;font-family:Tahoma!important;font-size:12px!important;font-weight:400!important;display:block;padding:5px
     10px}

    #mas-navigasifeed span{padding:5px 10px}

    #mas-navigasifeed .next{float:right}

    #mas-navigasifeed .previous{float:left}

    #mas-navigasifeed .home{text-align:center}

    #mas-navigasifeed a:hover,#mas-navigasifeed span.noactived{color:transparant!important}


    Perhatikan tulisan warna biru diatas, itu adalah lebar dan tinggi thumbnail image.

  6. Selanjutnya masih pada posisi Edit HTML, masukkan kode berikut ini diatas kode [b style="color: blue;"][/b] :
    الكود:
    <script type='text/javascript'>

    //<![CDATA[

    var numfeed = 5;

    var startfeed = 0;

    var urlblog = "[b][color=#cc0000]http://johny-gantengbanget.blogspot.com/[/color][/b]";

    var charac = 100;

    var urlprevious, urlnext;



    function maskolisfeed(johny,banget){

    var showfeed = johny.split("<");

    for(var i=0;i<showfeed.length;i++){

    if(showfeed[i].indexOf(">")!=-1){

    showfeed[i] = showfeed[i].substring(showfeed[i].indexOf(">")+1,showfeed[i].length);

    }

    }

    showfeed =  showfeed.join("");

    showfeed = showfeed.substring(0,banget-1);

    return showfeed;

    }

    function showterbaru(json) {

    var entry, posttitle, posturl, postimg, postcontent;

    var showblogfeed = "";

    urlprevious = "";

    urlnext = "";

    for (var k = 0; k < json.feed.link.length; k++) {

    if (json.feed.link[k].rel == 'previous') {

    urlprevious = json.feed.link[k].href;

    }

    if (json.feed.link[k].rel == 'next') {

    urlnext = json.feed.link[k].href;

    }

    }

    for (var i = 0; i < numfeed; i++) {

    if (i == json.feed.entry.length) { break; }

    entry = json.feed.entry[i];

    posttitle = entry.title.$t;

    for (var k = 0; k < entry.link.length; k++) {

    if (entry.link[k].rel == 'alternate') {

    posturl = entry.link[k].href;

    break;

    }

    }

    if ("content" in entry) {

    postcontent = entry.content.$t;

    } else if ("summary" in entry) {

    postcontent = entry.summary.$t;

    } else {

    postcontent = "";

    }

    if ("media$thumbnail" in entry) {

    postimg = entry.media$thumbnail.url;

    } else {

    postimg = "http://2.bp.blogspot.com/-uitX7ROPtTU/Tyv-G4NA_uI/AAAAAAAAFBY/NcWLPVnYEnU/s1600/no+image.jpg";

    }

    showblogfeed += "<div class='mas-elemen'>";

    showblogfeed += "<a href='" + posturl + "' target='_blank'><img src='" + postimg + "' /></a>";

    showblogfeed += "<h6><a href='" + posturl + "'>" + posttitle + "</a></h6>";

    showblogfeed += "<p>" + maskolisfeed(postcontent,charac) + "...</p>";

    showblogfeed += "</div>";

    }

    document.getElementById("terbaru").innerHTML = showblogfeed;

    showblogfeed = "";

    if(urlprevious) {

    showblogfeed += "<a href='javascript:navigasifeed(-1);' class='previous'>◄ Previous</a>";

    } else {

    showblogfeed += "<span class='noactived previous'>◄ Previous</span>";

    }

    if(urlnext) {

    showblogfeed += "<a href='javascript:navigasifeed(1);' class='next'>Next ►</a>";

    } else {

    showblogfeed += "<span class='noactived next'>Next ►</span>";

    }

    showblogfeed += "<a href='javascript:navigasifeed(0);' class='home'>Home</a>";

    document.getElementById("mas-navigasifeed").innerHTML = showblogfeed;

    }



    function navigasifeed(url){

    var p, parameter;

    if(url==-1) {

    p = urlprevious.indexOf("?");

    parameter = urlprevious.substring(p);

    } else if (url==1) {

    p = urlnext.indexOf("?");

    parameter = urlnext.substring(p);

    } else {

    parameter = "?start-index=1&max-results=" + numfeed + "&orderby=published&alt=json-in-script"

    }

    parameter += "&callback=showterbaru";

    incluirscript(parameter);

    }

    function incluirscript(parameter) {

    if(startfeed==1) {removerscript();}

    document.getElementById("terbaru").innerHTML = "<div id='mas-loading'></div>";

    document.getElementById("mas-navigasifeed").innerHTML = "";

    var archievefeed = urlblog + "/feeds/posts/default"+ parameter;

    var terbaru = document.createElement('script');

    terbaru.setAttribute('type', 'text/javascript');

    terbaru.setAttribute('src', archievefeed);

    terbaru.setAttribute('id', 'MASLABEL');

    document.getElementsByTagName('head')[0].appendChild(terbaru);

    startfeed = 1;

    }

    function removerscript() {

    var elemen = document.getElementById("MASLABEL");

    var parent = elemen.parentNode;

    parent.removeChild(elemen);

    }

    onload=function() { navigasifeed(0); }

    //]]>

    </script>
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://waled6662003.yoo7.com
 
شرح عمل قسم منقسم لموضعات بلوجر مثل المواقع الاخبارية
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» سلايد شو زاتى شريط صور للمجلات الاخبارية والمواقع بلوجر
» قالب Propress بلوجر سما بلوجر
» كود راديو فعال لجميع المواقع والمدونات
»  ايقونات المواقع الاجتماعية بتاثير تدوير 360
»  ايقونات المواقع الاجتماعية مع عدد المعجبين

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات الهجان :: ركن بلوجر :: اضافات وهكات بلوجر-
انتقل الى: