"Like" бутони

[blackjack]

Здравейте, някой знае ли как се слага тази джаджа която излиза като влезнеш в някой сайт и ти искача един дразнещ прозорец да харесаш някоя фб страница или нещо друго във фейсбук?

 

[blackjack]

От: "Like" бутони

Никой ли не знае.

 

[Blinky]

Re: От: "Like" бутони

Никой ли не знае.

Как да не знае.

1. Отиди тук https://developers.facebook.com/docs/reference/plugins/like-box/ и си къстамизирай like box-a (не е like бутон).
2. Копирай целят код долу в балончето, който ти е нужен.
3. В зависимост от CMS-а може да потърсиш или да кажеш на какво си.

За статичен сайт май ще е нужно да прибавиш някоя друга функционалност, като например Джейкуерито.

 

[blackjack]

От: "Like" бутони

На блог става ли врътката, това съм направила --> kjashdkasd.blogspot.com , искам когато някой влезне да му излиза дразнещ прозорец за харесване, може ли да го направя това там?

 

[nortrant]

От: "Like" бутони

виж тук - http://mbgadget.blogspot.com/2013/04/facebook-like-popup-box-for-blogger.html
ако не ти върши работа, търси чрез гугъл на en
има много плъгини за Facebook popup box

 

[Blinky]

Re: От: "Like" бутони

На блог става ли врътката, това съм направила --> kjashdkasd.blogspot.com , искам когато някой влезне да му излиза дразнещ прозорец за харесване, може ли да го направя това там?

Така кажи. Това върши ли работа:


1. Отиваш в dashboard-а на blogger -> >Template ->>Edit Html/B]
2. Намери този код - </head>
3. И постави кода по-долу преди този код:

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script><script src='http://yourjavascript.com/69231961363/jquery-colorbox-min.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=true') == -1) {
var setDays = 1000*60*60*24*7;
var expires = new Date((new Date()).valueOf() + setDays);
document.cookie = &quot;visited=true;expires=&quot; + expires.toUTCString();
$.colorbox({width:&quot;400px&quot;, height:&quot;430px&quot;, inline:true, href:&quot;#facebook-popup&quot;});
}});</script>

*7 - Като задаваш това число, с него определяш стойността на кукито - кога да рефрешва. С това число likebox е зададен да се появява веднъж на даден посетител, и след седмица отново. Ако искате това да се случва с потребителя (и той не си трие кукитата толкова често) може да го направиш за всеки ден с числото 1, на мястото на 7. 1-цата вече си е досадна работа. Първите няколко пъти, ако не се хареса страницата, после направо си отблъсква потребителя. Но напомнянето в седмица би сработило по-добре.

4. Сега потърси </b:skin> в целия код там. Натисни черната стрелка и постави за да видиш кода и постави css кода по-долу, преди (горе) </b:skin>.

Кодът:

/* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; } #cboxOverlay { position: fixed; width: 100%; height: 100%; } #cboxMiddleLeft, #cboxBottomLeft { clear: left; } #cboxContent { position: relative; } #cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; } #cboxTitle { margin: 0; } #cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; } .cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; } .cboxIframe { width: 100%; height: 100%; display: block; border: 0; } #colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered and tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay { background: #000; } #colorbox { outline: 0; } #cboxContent { margin-top: 20px; background: #000; } .cboxIframe { background: #fff; } #cboxError { padding: 50px; border: 1px solid #ccc; } #cboxLoadedContent { border: 5px solid #123D60; background: #fff; box-shadow: 3px 3px 3px #fff; } #cboxTitle { position: absolute; top: -20px; left: 0; color: #ccc; } #cboxCurrent { position: absolute; top: -20px; right: 0px; color: #ccc; } #cboxLoadingGraphic { background: url(http://2.bp.blogspot.com/-jcn46y_t6D0/Uc8cG9q6ExI/AAAAAAAAC1k/K63u_2VkemM/s32/loading.gif) no-repeat center center; } /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; width: auto; background: none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: none; } #cboxSlideshow { position: absolute; top: -20px; right: 90px; color: #fff; } #cboxPrevious { position: absolute; top: 50%; left: 5px; margin-top: -32px; background: url(https://sites.google.com/site/techprevue/home/controls.png) no-repeat top left; width: 28px; height: 65px; text-indent: -9999px; } #cboxPrevious:hover { background-position: bottom left; } #cboxNext { position: absolute; top: 50%; right: 5px; margin-top: -32px; background: url(https://sites.google.com/site/techprevue/home/controls.png) no-repeat top right; width: 28px; height: 65px; text-indent: -9999px; } #cboxNext:hover { background-position: bottom right; } #cboxClose { position: absolute; top: 5px; right: 5px; display: block; background: url(http://4.bp.blogspot.com/-wQsw3MW4DK4/Uc7_hhV5UzI/AAAAAAAAC1U/Uskeu5jhHbo/s130/controls.png) no-repeat top center; width: 38px; height: 19px; text-indent: -9999px; } #cboxClose:hover { background-position: bottom center; }

5. Запази промените в темплейта и си готова. Отиди на блога си и провери дали работи.

6. Накрая допълни със следния код:

<div style='display:none'>
<div id='facebook-popup' style='background:#fff;position:scroll;z-index:99999;'>
<div style='text-align:center;padding-top:15px'> <h3 style='font-family: &apos;Source Sans Pro&apos;, Sans Serif; Font-size: 18px; font-weight: 300px; '>Receive All Free Updates Via Facebook.</h3>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F[B]yourfacebookuser[/B]&amp;width=342&amp;height=300&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;show_border=false&amp;header=false&amp;appId=' style='border:none; overflow:hidden; width:342px; height:300px;'/>
  </div>
  </div>
    </div>

...там където е (преди него):

</body>

* Замени yourfacebookuser с твоят facebook fan page username.

Запази промените и си готова.

Нали знаеш, че ще работи само веднъж, след като си изчистиш браузъра от кукитата и пак посетиш блога, ще го видиш отново.

Може и да не сработи от първия път, за това, ако нещо дава ерор, кажи. Но това съм виждал, че работи за много блогове на blogger. Но някой се оплакват, че на техни не работи. За това виж.

 

[blackjack]

От: "Like" бутони

Само това последното не разбрах къде да го въведа

 

[blackjack]

От: Re: От: "Like" бутони

Става дума за 6 стъпка,

 

[rombeca]

От: "Like" бутони

Аз па като отворя такъв сайт, директно му бия червения хикс. И не съм сам . Помисли и върху това...

 

[Blinky]

Re: От: "Like" бутони

6. Накрая допълни със следния код:

Допълваш с този код преди да се затвори тага </body>. В горните точки беше преди </head>, сега това е след </body>. Това имах в предвид.

 

[blackjack]

От: "Like" бутони

Аз па като отворя такъв сайт, директно му бия червения хикс. И не съм сам . Помисли и върху това...

Аз пък като споделя нещо във фейсбук влизат 60000 човека в бързината смятай , дреме ми кой му бие хикса

 

[Blinky]

Re: От: "Like" бутони

Аз па като отворя такъв сайт, директно му бия червения хикс. И не съм сам . Помисли и върху това...

Абе и аз не глледам добре на такива сайтове, но явно е доста модерно. Може да си го позволят големите брандове, макар че и там е съмнително. Но сайт, който не знам и да ми плесне нещо такова. Чакай бе, как да те харесам, като не те знам. Просто съм попаднал на теб за пръв път, нека се поопознаем.

 

[blackjack]

От: "Like" бутони

Blinky този код 6 стъпка къде се пише само той ми остана, ще ми кажеш ли?

 

[webstil]

От: "Like" бутони

Е с тва ме разби: Добре дошли, опитвам се да направя скрити лайк бутони, НАТИСНИ "ОК", за да продължиш!!

 

[blackjack]

От: "Like" бутони

Веднага се замисли дали да натиснеш ОК нали )

 

[blackjack]

От: Re: От: "Like" бутони

Допълваш с този код преди да се затвори тага </body>. В горните точки беше преди </head>, сега това е след </body>. Това имах в предвид.

Мисля, че го направих , смених с моята страница, но мисля че ми излиза чужда фб страница, а относно това преди където обясняваше за 7 дни за 1 ден къде било много дразнещо, може ли да го направя на всяко отваряне да му излиза този прозорец не само 1 път в деня или 1 път в седмицата, абсолютно всеки път, а и пак не те разбрах преди или след , сега е преди </body> този код от 6 стъпка.
,

 

[blackjack]

От: "Like" бутони

Сменен е адреса: trumpstory.blogspot.com

 

[nortrant]

От: "Like" бутони

това със на @Блинки кода ли е?
ако не, може да споделиш как го направи

 

[blackjack]

От: Re: От: "Like" бутони

Готово е !! Благодаря ти много Blinky!! Знаеш ли как може да се направи това да не седи на едно място а примерно като даваш със скрола надолу да се движи по тебе и прозореца?

 

[Blinky]

Re: От: Re: От: "Like" бутони

Готово е !! Благодаря ти много Blinky!! Знаеш ли как може да се направи това да не седи на едно място а примерно като даваш със скрола надолу да се движи по тебе и прозореца?

Ще помисля, малко и ще ти кажа, но пак е нещо с първия код нещо.

Радвам се, че помогнах. Сега не се движи, така ли? Но и да ти кажа честно, няма смисъл, защото вече става досадно, но ще го измисля как става. Така де, ще попрочета малко.