Cum listezi episoadele cand postezi seriale online pe Blogger

Cum listezi episoadele cand postezi seriale online pe Blogger

Practic acest articol este un nou update la Cum iti faci un site de filme pe Blogger  , el s-a realizat in urma cererii unui user r

Cum personalizezi si adaugi un cod javascript cu data si ora pe Site
Widget ce afiseaza postari comentarii si pagini totale pe blogger
Ce trebuie sa facem cand sunt lucrari de mentenanta la site

Practic acest articol este un nou update la Cum iti faci un site de filme pe Blogger  , el s-a realizat in urma cererii unui user referitor la listarea episoadelor atunci cand vrei sa postezi seriale online.Am explicat in scris despre ce este vorba insa am considerat ca este mai bine sa il etalez printr-un tutorial video . Listarea episoadelor intr-o pagina este mai complicat pe blogger de realizat deoarece necesita anumite coduri html , java script plus de asta trebuie sa actualizezi acea lista dupa fiecare postare practic este o munca titanica prin editare….Eu astazi am gasit o solutie mai simpla  de a lista episoadele prin jongalrea a unor optiuni prin platforma blogger si adaugarea unor etichete astfel incat sa nu deranjezi celalalte filme..Spre final o sa va arat cum sa expuneti serialele online recente pe prima pagina prin adaugarea unui cod html…
Cod html afisare seriale online recente

[<center><div id=’bp_recent’></div><div class=’bp_footer’>
<script style=’text/javascript’>
//Featured Posts Script by crounji.org
var postTitleOriginal,  myLink, myDiv, myImage,mySeparator;
var    main;
var float_clear=false;
var flag = 0;
function bprecentpostswiththumbnails(json) {
for (var i = 0; i < numberOfPosts; i++) {
if (i == json.feed.entry.length) break;
var s;
    var entry = json.feed.entry[i];
    var postTitle = entry.title.$t;
    postTitleOriginal = postTitle;
    if (isNaN(titleLength) || titleLength == 0) {
        postTitle = ”;
    }
    else if (postTitle.length > titleLength) postTitle = postTitle.substring(0, titleLength) + „…”;
    var postUrl=””;
    for (var k = 0; k < entry.link.length; k++) {
        if (entry.link[k].rel == ‘replies’ && entry.link[k].type == ‘text/html’) {
            var commentText = entry.link[k].title;
            var commentUrl = entry.link[k].href;
        }
        if (entry.link[k].rel == ‘alternate’) {
            postUrl = entry.link[k].href;
            break;
        }
    }
    if (showThumbs == true) {
        var thumbUrl = „”;
        try {
            thumbUrl = entry.media$thumbnail.url;
            thumbUrl = thumbUrl.replace(„/s72-c/”,”/s”+imgDim+”-c/”);
        } catch (error) {
            if („content” in entry) s = entry.content.$t; else s=””;
            if (thumbUrl == „” && mediaThumbsOnly == false) {
                 regex = /http://www.youtube(-nocookie){0,1}.com/(v){0,1}(embed){0,1}/(([^”&?’ ]*))/;
                videoIds = s.match(regex);
                if (videoIds != null) {
                    videoId = videoIds[4];
                }
                if (videoIds != null && videoId != null) thumbUrl = „http://img.youtube.com/vi/” + videoId + „/2.jpg”
            }
            if (thumbUrl == „” && mediaThumbsOnly == false) {
                a = s.indexOf(„<img”);
                b = s.indexOf(„src=””, a);
                c = s.indexOf(„””, b + 5);
                d = s.substr(b + 5, c – b – 5);
                if ((a != -1) && (b != -1) && (c != -1) && (d != „”)) thumbUrl = d;
            }
        }
        if(thumbUrl.indexOf(„static.flickr.com”)!=-1) {thumbUrl= thumbUrl.replace(„_b_t.jpg”,”_s.jpg”);thumbUrl= thumbUrl.replace(„_m_t.jpg”,”_s.jpg”);thumbUrl= thumbUrl.replace(„_s_t.jpg”,”_s.jpg”);
        thumbUrl= thumbUrl.replace(„_b.jpg”,”_s.jpg”);thumbUrl= thumbUrl.replace(„_m.jpg”,”_s.jpg”);}
        if (thumbUrl == „” && showNoImage == true)
        {
        thumbUrl = „https://www.tutorialevideoit.ro/wp-content/uploads/2015/10/default.png”;
        try{if(defaultImage!=””) thumbUrl=defaultImage;}catch(error){}
        thumbUrl = thumbUrl.replace(„/s72-c/”,”/s”+imgDim+”-c/”);
        }
    }
    if (showPostDate == true) {
        var postdate = entry.published.$t;
        var cdyear = postdate.substring(0, 4);
        var cdmonth = postdate.substring(5, 7);
        var cdday = postdate.substring(8, 10);
        var monthnames = new Array();
        monthnames[1] = „Jan”;
        monthnames[2] = „Feb”;
        monthnames[3] = „Mar”;
        monthnames[4] = „Apr”;
        monthnames[5] = „May”;
        monthnames[6] = „Jun”;
        monthnames[7] = „Jul”;
        monthnames[8] = „Aug”;
        monthnames[9] = „Sep”;
        monthnames[10] = „Oct”;
        monthnames[11] = „Nov”;
        monthnames[12] = „Dec”;
    }
    code = „”;
        main = document.getElementById(‘bp_recent’);
        myDiv = document.createElement(‘div’);
        myDiv.setAttribute(„class”, „bp_item_title”);
        myLink = createLink(postUrl,”_top”,postTitleOriginal)
        if(main.innerHTML!=””){
        mySeparator = createDiv(„bp_recent_separator”);
        main.appendChild(mySeparator)
        }
        if(postTitle != ”){myDiv.appendChild(myLink);}
        main.appendChild(myDiv);if(postTitle != ”)myLink.innerHTML = postTitle;
    if (showThumbs == true && thumbUrl != „”) {
        myImage = document.createElement(‘img’);
        myImage.setAttribute(„src”, thumbUrl);
        if(imgFloat!=”none”)
        {
        float_clear=true;
        myImage.style.cssFloat=imgFloat;
        myImage.style.styleFloat=imgFloat;
        }
      try{if(myMargin!=0)myImage.style.margin = myMargin+”px”;} catch(error){}
        myImage.setAttribute(„alt”, postTitleOriginal);
        myImage.setAttribute(„width”, imgDim);
        myImage.setAttribute(„height”, imgDim);
        myLink = document.createElement(‘a’);
        myLink.setAttribute(„href”, postUrl+”?utm_source=bp_recent&utm-medium=gadget&utm_campaign=bp_recent”);
        myLink.setAttribute(„target”, „_top”);
        myLink.setAttribute(„title”, postTitleOriginal);
        myLink.appendChild(myImage);
        myDiv = document.createElement(‘div’);
        myDiv.setAttribute(„class”, „bp_item_thumb”);
        myDiv.appendChild(myLink);
        main.appendChild(myDiv);
    }
 try {
        if („content” in entry) {
            var postContent = entry.content.$t;
        }
        else if („summary” in entry) {
            var postContent = entry.summary.$t;
        }
        else var postContent = „”;
        var re = /<S[^>]*>/g;
        postContent = postContent.replace(re, „”);
        if (showSummary == true) {
            myDiv = createDiv(„bp_item_summary”);
                if (postContent.length < summaryLength) {myDiv.appendChild(document.createTextNode(postContent));}
            else {
                postContent = postContent.substring(0, summaryLength);
                var quoteEnd = postContent.lastIndexOf(” „);
                postContent = postContent.substring(0, quoteEnd);
                myDiv.appendChild(document.createTextNode(postContent + ‘…’));
            }
            main.appendChild(myDiv);
        }
    } //end try
    catch (error) {}
    myDiv =  createDiv(„bp_item_meta”);
    myDiv.style.clear=”both”;
    myDiv.style.marginBottom=”4px”;
    if (showPostDate == true) {
        myDiv.appendChild(document.createTextNode(monthnames[parseInt(cdmonth, 10)] + ‘-‘ + cdday + ‘-‘ + cdyear));
        flag = 1;
    }
    if (showCommentCount == true) {
        if (flag == 1) {
            myDiv.appendChild(document.createTextNode(” | „));
        }
        if (commentText == ‘1 Comments’) commentText = ‘1 Comment’;
        if (commentText == ‘0 Comments’) commentText = ‘No Comments’;
        var myLink = createLink(commentUrl,”_top”,commentText + ” on ” + postTitleOriginal)
        myDiv.appendChild(myLink);
        myLink.innerHTML=commentText;
        flag = 1;;
    }
    if (showReadMore == true) {
        if (flag == 1) {
            myDiv.appendChild(document.createTextNode(” | „));
        }
        var myLink = createLink(postUrl,”_top”,postTitleOriginal)
        myDiv.appendChild(myLink);
        myLink.innerHTML = readMore+” &raquo;”;
        flag = 1;;
    }
    if (flag == 1) main.appendChild(myDiv);
}
if(float_clear==true && imgFloat!=”none”)
{
myDiv = createDiv(„bp_clear_float”);
myDiv.style.clear=imgFloat;
main.appendChild(myDiv);
}
document.getElementById(„bp_recent_link”).style.backgroundImage=”url(‘https://www.tutorialevideoit.ro/wp-content/uploads/2015/10/blogger-widgets.png’)”;
document.getElementById(„bp_recent_link”).style.backgroundRepeat=”no-repeat”;
try{
if(myMargin!=0 && imgFloat==”left” && flag==0) document.getElementById(„bp_recent_link”).style.marginLeft = myMargin+”px”;
} catch(error){}
}
function createDiv(className)
{
var myDiv = document.createElement(‘div’);
myDiv.setAttribute(„class”, className);
return myDiv;
}
function createLink(href,target,title)
{
var myLink = document.createElement(‘a’);
        if(href.substring(href.length-13,href.length)==”#comment-form”) {href= href.substring(0,href.length-13)+”?utm_source=bp_recent&utm-medium=gadget&utm_campaign=bp_recent”+”#comment-form”;myLink.setAttribute(„href”, href);}
        else myLink.setAttribute(„href”, href+”?utm_source=BP_recent&utm-medium=gadget&utm_campaign=bp_recent”);
        myLink.setAttribute(„target”, target);
        myLink.setAttribute(„title”, title);
        return myLink;
}
</script>
<script style=’text/javascript’>
 var numberOfPosts = 6;
 var showPostDate = false;
 var showSummary = false;
 var titleLength = 0;
 var showCommentCount = false;
 var showThumbs = true;
 var showNoImage = true;
 var imgDim = 146;
 var imgFloat = ‘left’;
 var myMargin = 5;
 var mediaThumbsOnly = true;
 var showReadMore = false;
</script>
<script src=’http://SITEULTAU.COM/feeds/posts/default/-/label?max-results=5&amp;orderby=published&amp;alt=json-in-script&amp;callback=bprecentpostswiththumbnails’>
</script></div></center>]

Schimba ce vezi in rosu cu adresa site-ului tau ex: http://numesite.blogspot.com si label cu numele etichetei ex : Seriale…



Tutorial Video Cum listezi episoadele cand postezi seriale online pe Blogger


COMMENTS

WORDPRESS: 17
  • comment-avatar

    hei! am niste probleme foarte mari si enervante.Sper ca ma vei putea ajuta.
    1.cand adaug o imagine langa text,unele cuvinte isi iau un spatiu foarte mare intre ele,diferit de celelate,care nu poate fi remediat prin backspace.
    2.cand inserez niste linkuri in postare,unul dupa altul,ca o lista,acestea nu se pun unul sub altul exact,chiar daca au aceeasi aliniere,unul sau doua se gasesc mereu sa aiba un spatiu diferit de celelalte.
    3.Am creat o postare,pe aceasta tema,insa cand o postez nu este ca in setari,este total diferita.

    CE SA FAC? ITI LINK CU TOATE EXEMPLELE-http://ori-c.blogspot.ro/2017/09/borutonaruto-next-generations-sezonul.html

  • comment-avatar

    Asta poti să o faci din etichete , de ex: crezi o etichetă cu spartacus apoi postarile pe care le faci le denumesti spre ex: Spartacus Episodul ! asta ca titlu apoi aici fiind in editare alegi ca eticheta Spartacus ,apoi creezi altă postare cu numele: Spartacus Episodu2 la fel alegi ca etichetă Spartacus si tot asa păna faci toate episoaldele.După toată treaba asta sus in meniu alegi să iti apara etichetele ca si cea realizată Spartacus .Dupa care cine va da click pe Spartacus il va duce către Episoade.Așadar poti realiza mai multe etichete de ex: Spartacus ,Game of thron si tot asa daca tema are un meniu complex le poti organiza usor…

  • comment-avatar

    Sal. Mariau poti face un tutorial video despre cum seactualizeaza contul adsense si cum il putem asocia blogului pe care lam creat cu ajutorul tau ?

  • comment-avatar

    Salut Marius poti face un tutorial despre cum se face un site de muzica…iti multumim pentru tutorialul video despre cum se face un bite pe blogger. Eu unul chiar am reusit sa fac acel blogger si am reusit sa il fac vizibil si pe gogle,bing, sunt de mare ajutor tutorialele video pentru incepatori. te salut ( Fri3ndZ )

  • comment-avatar

    salut! am urmarit videoul! stiti cumva unde nu exista legi pentru copyright spre ex am inteles ca prin rusia poti insera..sau domeniu acolo ? stiti ceva? multumesc

  • comment-avatar

    Pentru listare episoade procedezi ca in tutorialul video numai ca in loc sa dai numele etichetei seriale online ii dai numele serialului spre exemplu postare noua titlu serialul 1 si ca eticheta scrii acolo in dreapta Spartacus apoi alta postare titlu Serialul 2 la fel ca eticheta alegi tot Spartacus astfel cand vei da click pe eticheta Spartacus iti vor apare serialele listate .Sa zicem ca ai terminat listarea integrala cu Spartacus acum o iei de la inceput postare noua titlu Serialul 1 de data asta creezi o eticheta cu Gladiator si tot asa pana iti postezi toate filmele la final te duci la sectiunea aspect si alegi din partea dreapta sidebar adauga widget cu etichete.Daca vei urmari de la inceput toata seria de tutoriale incepand cu http://softulmeu.blogspot.com/2015/01/cum-iti-faci-un-site-de-filme-pe-blogger.html si http://softulmeu.blogspot.com/2015/10/cum-listezi-episoadele-cand-postezi.html ai sa intelegi eu deja am explicat odata cum se face listarea episoadelor.

  • comment-avatar
    Anonim 3 ani ago

    Sallut ai vrea sa ma ajuti si pe mine , as dori sa fac un site cu anime-uri (desene japoneze) si nu stiu cum sa fac sa apas pe numele unui anime (serial daca e mai simplu) si sa ma duca la lista episoadelor)

  • comment-avatar

    Ma bucur ca ti-am fost de ajutor..

  • comment-avatar

    Mersi mult, chiar m-ai salvat. ^-^