16-Widget Social Media Complet

6 comentarii Comenteaza
Pin It now!


In acest tutorial o sa va arat cum sa adaugati un widget (gadget) social media complet pentru blogul vostru.De ce Complet? Pentru ca are tot ce-i trebuie ca sa puna la dispozitia cititorilor vostrii mai multe metode de abonare prin retelele sociale ,cu cat sunt mai multe optiuni cu atat mai bine:)
Widget Social Media Complet
Cum sa adaugati widgetul in sablonul vostru?
1.Deschideti Panoul de Control al Blogului
2.Apasati pe Aspect
3.Adaugati un Gadget
4.Alegeti HTML/Javascript
5.Copiati si Lipiti codul de mai jos 




<style>
    /* Social Widget */
    #TTT-mashable-bar {
        border: 1;
        margin-bottom:10px;
        margin: 0 auto;
            width:300px;
    }
    .fb-likebox {
        background: #fff;
        padding: 10px 13px 0 10px;
        border-right: 1px solid #D8E6EB;
       border-left: 1px solid #D8E6EB;
       border-bottom: 1px solid #D8E6EB;
        margin:0px;
            height:70px;
    }
    .googleplus {
        background: #F5FCFE;
        border-top: 1px solid #FFF;
        border-bottom: 1px solid #ebebeb;
        border-right: 1px solid #D8E6EB;
        border-left: 1px solid #D8E6EB;
        border-image: initial;
        font-size: .90em;
        font-family: "Arial","Helvetica",sans-serif;
        color: #000;
        padding: 10px 12px;
        line-height: 1px;}
    .googleplus span {
        color: #000;
        font-size: 12px;
        position: absolute;
        display:inline-block;
        margin: 10px 70px;}
    .g-plusone {    float: left;}
.gplus {
        background: #fff;
        padding: 1px;
        border: 1px solid #C7DBE2;
        margin-bottom:-13px;}

    .twitter {
        background: #EEF9FD;
        padding: 10px;
        border: 1px solid #C7DBE2;
        border-top: 0;}
    #mashable {
        background: #EBEBEB;
        border: 1px solid #CCC;
        border-top: 1px solid white;
        padding: 2px 8px 2px 3px;
        text-align: right;
        border-image: initial;}
    #mashable .author-credit {}
    #mashable .author-credit a {
        font-size: 10px;
        font-weight: bold;
        text-shadow: 1px 1px white;
        color: #1E598E;
        text-decoration:none;}
    #email-news-subscribe .email-box{
        padding: 5px 10px;
        font-family: "Arial","Helvetica",sans-serif;
        border-top: 0;
        border-right: 1px solid #C7DBE2;
        border-left: 1px solid #C7DBE2;
        border-image: initial;
       height:35px;}
    #email-news-subscribe .email-box input.email{
        background:#FFFFFF;
        border: 1px solid #dedede;
        color: #999;
        padding: 7px 10px 8px 10px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
        border-image: initial;
        font-family: "Arial","Helvetica",sans-serif;}  
    #email-news-subscribe .email-box input.email:focus{color:#333}  
    #email-news-subscribe .email-box input.subscribe{
        background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FFCA00),color-stop(1,#FF9B00));
        background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%);
        -pie-background: linear-gradient(270deg,#ffca00,#ff9b00);
        font-family: "Arial","Helvetica",sans-serif;
        border-radius:3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border:1px solid #cc7c00;
        color:white;
        text-shadow:#d08d00 1px 1px 0;
        padding:7px 14px;
        margin-left:3px;
        font-weight:bold;
        font-size:12px;
        cursor:pointer;
        border-image: initial;}
    #email-news-subscribe .email-box input.subscribe:hover{
        background: #ff9b00;
        background-image:-moz-linear-gradient(top,#ffda4d,#ff9b00);
        background-image:-webkit-gradient(linear,left top,left bottom,from(#ffda4d),to(#ff9b00));
        filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);
        outline:0;-moz-box-shadow:0 0 3px #999;
        -webkit-box-shadow:0 0 3px #999;
        box-shadow:0 0 3px #999
        background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffda4d),color-stop(1,#ff9b00));
        background:-moz-linear-gradient(center top,#ffda4d 0,#ff9b00 100%);
        -pie-background:linear-gradient(270deg,#ffda4d,#ff9b00);
        border-radius:3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border:1px solid #cc7c00;
        color:#FFFFFF;
        text-shadow:#d08d00 1px 1px 0}  


    </style>

    <!--[if IE]>
    <style>
    #email-news-subscribe .email-box input.subscribe{
        background: #FFCA00;
        }
    </style>
    <![endif]-->
<!--begin of social widget--> <div style="margin-bottom:10px;"> <div id="TTT-mashable-bar" > <!-- Begin Widget -->

<div class="gplus"> <link href="https://www.google.com/+TrickstipstutorialsBlogspotCom" rel="author" />
<script type="text/javascript"> window.___gcfg = {lang: 'en'}; undefinedfunctionundefined) {var po = document.createElementundefined"script"); po.type = "text/javascript"; po.async = true;po.src = "https://apis.google.com/js/plusone.js"; var s = document.getElementsByTagNameundefined"script")[0]; s.parentNode.insertBeforeundefinedpo, s); })undefined);</script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.pushundefined['_setAccount', 'UA-28334239-1']); _gaq.pushundefined['_trackPageview']); undefinedfunctionundefined) { var ga = document.createElementundefined'script'); ga.type = 'text/javascript'; ga.async = true; ga.src = undefined'https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagNameundefined'script')[0]; s.parentNode.insertBeforeundefinedga, s); })undefined); </script>
<!-- Place this tag where you want the badge to render --> <g:plus href="https://www.google.com/+TrickstipstutorialsBlogspotCom" width="300" height="200" margin="0px" theme="light"></g:plus> </div>

<div class="fb-likebox"> <!-- Facebook --> <iframe src="//www.facebook.com/plugins/like.php?href=https://www.facebook.com/pages/Tricks-Tips-Tutorials/1433722270250951&amp;send=true&amp;layout=standard&amp; width=300px&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp; font&amp;height=250px&amp;" scrolling="no" frameborder="0" style="border:none; overflow:hidden; "></iframe> </div>
<style>
/*Facebook Invite Friends Button CSS http://trickstipstutorials.blogspot.com*/
.TTT_fb_invite a{
font-family: 'lucida grande', tahoma, verdana, arial, sans-serif !important;
font-weight:bold !important;
font-size:12px !important;
width:150px !important;
border:solid #3b6e22 1px !important;
border-bottom:solid #2c5115 1px !important;
cursor:pointer !important;
padding:6px 6px 6px 6px !important;
background-color:#68a64c !important;
border-top:solid #98c286 1px !important;
text-align:center !important;
color:#fff !important;
text-decoration:none  ! important;
}

.TTT_fb_invite a:active{
background-color:#609946 !important;
}
/*End CSS http://trickstipstutorials.blogspot.com*/
</style>
<script src='http://connect.facebook.net/ro_RO/all.js'></script>
<script>
FB.init({
appId:'273951102805342',
cookie:true,
status:true,
xfbml:true
});
function FacebookInviteFriends()
{
FB.ui({
method: 'apprequests',
message: 'Invita Prietenii'
});
}
</script>
<div id='fb-root'></div>
<span class='TTT_fb_invite'><a href='#' onclick='FacebookInviteFriends();'>
Invita Prietenii
</a></span>
<script type='text/javascript'>
if (top.location!= self.location)
{
top.location = self.location
}
</script>
<div class="googleplus"> <!-- Google --> <span>Recomanda!</span><div class="g-plusone" data-size="medium"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> </div>

<div class="twitter"> <!-- Twitter --> <iframe title="" style="width: 300px; height: 20px;" class="twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351&amp; align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp; lang=en&amp;link_color=&amp;screen_name=trickstipstuto&amp;show_count=&amp; show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>

<div id="email-news-subscribe"> <!-- Email Subscribe --> <div class="email-box"> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=Trickstipstutorials', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input class="email" type="text" style="width: 150px; font-size: 12px;" id="email" name="email" value="Enter Your Email here.." onfocus="ifundefinedthis.value==this.defaultValue)this.value=&#39;&#39;;" onblur="ifundefinedthis.value==&#39;&#39;)this.value=this.defaultValue;" /> <input type="hidden" value="Trickstipstutorials" name="uri" /> <input type="hidden" name="loc" value="ro_RO" /> <input class="subscribe" name="commit" type="submit" value="Subscribe" /> </form> </div> </div> 

<div>
<a href="http://feeds.feedburner.com/Trickstipstutorials" target="_blank"/><img src="https://3.bp.blogspot.com/-J5cFipOeYyc/VAgp5XU8vbI/AAAAAAAAV0c/esgRhZjuy6k/s1600/rss%2Bultramarine%2Bgreen.png" height="32" width="32" alt="RSS"/></a>

<a href="https://www.facebook.com/pages/Tricks-Tips-Tutorials/1433722270250951" target="_blank"/><img src="https://3.bp.blogspot.com/-rTfQ3SmgFyY/VAgp3lCx6WI/AAAAAAAAV0I/KgChQvdByS4/s1600/facebook%2Bpink%2Bflambe.png" height="32" width="32" alt="Facebook"/></a>

<a href="https://plus.google.com/+TrickstipstutorialsBlogspotCom" target="_blank"/><img src="https://2.bp.blogspot.com/-y9h57ZhtVqs/VAgp3hs56VI/AAAAAAAAV0Q/J6SdNgxtY44/s1600/googleplus%2Bolympian%2Bblue.png" height="32" width="32" alt="Google+"/></a>

<a href="https://twitter.com/trickstipstuto" target="_blank"/><img src="http://4.bp.blogspot.com/-aB2kuskXEnA/VAgp6MTK1OI/AAAAAAAAV0k/fkN4TvaOU6o/s1600/twitter%2Bbright%2Bchartreuse.png" height="32" width="32" alt="Twetter"/></a>

<a href="http://www.pinterest.com/andreadalida/" target="_blank"/><img src="https://2.bp.blogspot.com/-PYAEOctyPT8/VAgp4iVDdNI/AAAAAAAAV0U/QEiasMCDBoA/s1600/pinterest%2Btangerine%2Btango.png" height="32" width="32" alt="Pinterest"/></a>

<a href="http://www.linkedin.com/andreadalida/" target="_blank"/><img src="https://3.bp.blogspot.com/-mRA6YPDr2S0/VAgp4mzAeGI/AAAAAAAAV1A/0u0FbvKtEy8/s1600/linkedin%2Bultramarine%2Bgreen.png" height="32" width="32" alt="Linkedin"/></a>

<a href="http://www.stumbleupon.com/stumbler/andreeadalida" target="_blank"/><img src="https://1.bp.blogspot.com/-JoRgRalWs9M/VAgp5h_G23I/AAAAAAAAV0g/2YuFlFJ6bx4/s1600/stumble%2Bhoney%2Bgold.png" height="32" width="32" alt="StumbleUpon"/></a>

<a href="http://www.youtube.com/user/TricksTipsTutorialsB" target="_blank"/><img src="https://2.bp.blogspot.com/-9MKlIUbKax8/VAgp6aqxn6I/AAAAAAAAV0o/ug0SX1mGiK4/s1600/youtube%2Bfrench%2Broast.png" height="32" width="32" alt="YouTube"/></a>
<div/>
 <div id="mashable" style="background: #EBEBEB;border: 1px solid #CCC;border-top: 1px solid white;padding: 1px 8px 1px 3px;text-align: right;border-image: initial;font-size:10px;font-family: "arial","helvetica",sans-serif;"> <span class="author-credit" style="font-family: Arial, Helvetica, sans-serif;"><a href="http://trickstipstutorials.blogspot.com/2014/09/16-widget-social-media-complet.html" target="_blank" >Tricks Tips Tutorials »</a></span></div></div> <!-- End Widget --> </div>
<!--end of social widget--></div></div>

6.Apasati pe Ctrl+F pentru a folosi caseta de cautare in widget si editati asa :(Urmariti videoclipul cu mai multe imagini ci culorile pentru fiecare editare)
*Daca aveti nevoie sa modificati marimea widgetului inlocuiti 300 de la primul  width:300 
*Cautati https://www.google.com/+TrickstipstutorialsBlogspotCom  si inlocuiti cu adresa url  a paginii de Google+ (pentru ajutor vezi Tutorialul 4 )
*Cautati UA-28334239-1 si inlocuiti cu Id Google Analytics (pentru ajutor vezi Tutorialul 14)
*Cautati https://www.facebook.com/pages/Tricks-Tips-Tutorials/1433722270250951  si inlocuiti cu adresa url a paginii de facebook (pentru ajutor vezi Tutorialul 3 )
*Puteti inlocui Invita Prietenii cu mesajul vostru si ce doriti sa apara pe buton,sau lasati asa :)
*Cautati trickstipstuto si inlocuiti cu id vostru de twetter
*Cautati Trickstipstutorials si inlocuiti cu id vostru de feedburner (pentru ajutor vezi Tutorialul 2 )
*Cautati http://www.pinterest.com/andreadalida  si inlocuiti cu adresa url a profilului de Pinterest
*Cautati http://www.linkedin.com/andreadalida/ si inlocuiti cu adresa url a profilului de Linkedin
*Cautati http://www.stumbleupon.com/stumbler/andreeadalida si inlocuiti cu adresa url a profilului StumbleUpon
*Cautati http://www.youtube.com/user/TricksTipsTutorialsB si inlocuiti cu adresa url a profilului de YouTube
*Daca vreti sa eliminati butoanele (iconurile) social media care apar la sfarsitul widgetului stergeti codul incepand de la <div> pana la <div/> ,daca vreti sa eliminati decat un buton de la o retea pe care nu o folositi de ex: youtube stergeti codul <a href="http://www.youtube.com/user/TricksTipsTutorialsB" target="_blank"/><img src="https://2.bp.blogspot.com/-9MKlIUbKax8/VAgp6aqxn6I/AAAAAAAAV0o/ug0SX1mGiK4/s1600/youtube%2Bfrench%2Broast.png" height="32" width="32" alt="YouTube"/></a> Daca vreti sa adaugati un buton pentru o retea pe care eu nu am specificat-o Cititi Tutorialul 15 
Va rog respectati copyrightul si nu stergeti linkul catre  acest widget,lasati si pe altii sa beneficieze de munca mea!Daca aveti nevoie de ajutor va astept la comentarii!

6 comentarii:

  1. Când l-am gasit pe dr. Ogume, care locuie?te în Turcia, am avut nevoie disperata de a-mi readuce fostul iubit. M-a lasat pentru o alta femeie. S-a întâmplat atât de repede ?i nu am avut niciun cuvânt de spus în situa?ie. Doar m-a aruncat dupa 3 ani fara nicio explica?ie. L-am contactat pe dr. Ogume prin contactul sau ?i mi-a spus ce trebuie sa fac înainte sa ma ajute ?i am facut ceea ce mi-a spus, dupa ce i-am oferit ceea ce dorea, a aruncat o vraja de dragoste care sa ne ajute sa ne întoarcem împreuna. La scurt timp dupa ce ?i-a facut vraja, prietenul meu a început sa-mi trimita mesaje din nou ?i m-a sim?it oribil pentru ceea ce mi-a trecut. El a spus ca eu sunt cea mai importanta persoana din via?a lui ?i ?tie asta acum. Ne-am mutat împreuna ?i el a fost mai deschis pentru mine decât înainte ?i a început sa petreaca mai mult timp cu mine decât înainte. De când m-a ajutat Dr. Ogume, partenerul meu este foarte stabil, credincios ?i mai aproape de mine decât înainte. Recomand pe dr. Ogume oricui are nevoie de ajutor. E-mail: ogumenspellcaster@gmail.com sau WhatsApp +447459511615 îl pute?i contacta pentru oricare dintre urmatoarele probleme:
    1) Vraji de dragoste
    2) Vraji de dragoste pierdute
    3) Vraji de divor?
    4) Vraji de casatorie
    5) Vraja de legare.
    6) Vraji de rupere
    7) Alunga un iubit trecut
    8.) Dori?i sa va promova?i în vraja dvs. de birou / Loterie
    9) dori?i sa va satisface?i iubitul
    Contacta?i acest om grozav daca ave?i vreo problema pentru o solu?ie de durata
    ogumenspellcaster@gmail.com

    RăspundețiȘtergere
  2. Sunt atât de încântat, deoarece căsătoria mea ruptă a fost restabilită, iar soțul meu s-a întors după ce ne-a părăsit pe mine și pe cei doi copii ai noștri pentru o altă femeie. După 8 ani de căsătorie, eu și soțul nostru am fost într-o ceartă sau alta până când în cele din urmă m-a părăsit și s-a mutat în California pentru a fi cu o altă femeie. Am simțit că viața mea s-a terminat și copiii mei au crezut că nu-și vor mai vedea tatăl. Am încercat să fiu puternic doar pentru copii, dar nu am putut controla durerile care mă chinuiesc inima, inima mea era plină de dureri și dureri pentru că eram cu adevărat îndrăgostit de soțul meu. În fiecare zi și noapte mă gândesc la el și îmi doresc întotdeauna să se întoarcă la mine, eram foarte supărat și aveam nevoie de ajutor, așa că am căutat ajutor online și am dat peste un site web care sugerează că Dr.Wealthy poate ajuta să revină la ex. rapid. Deci, am simțit că ar trebui să-l încerc. L-am contactat și mi-a spus ce să fac și am făcut-o apoi a făcut o (Vrajă de dragoste) pentru mine. 28 de ore mai târziu, soțul meu m-a sunat cu adevărat și mi-a spus că îi este atât de dor de mine și de copii, atât de uimitor !! Așa că așa s-a întors în aceeași zi, cu multă dragoste și bucurie și și-a cerut scuze pentru greșeala sa și pentru durerea pe care mi-a provocat-o mie și copiilor. Apoi, din acea zi, Căsătoria noastră a fost acum mai puternică decât a fost înainte, totul datorită doctorului Rich. el este atât de puternic și am decis să împărtășesc povestea mea pe internet, încât dr. Vrăjitor, real și puternic, care mă voi ruga mereu să trăiesc mult pentru a-și ajuta copiii în vremea necazurilor, dacă ești aici și ai nevoie de Ex înapoi sau soțul tău s-a mutat la o altă femeie, nu mai plânge, contactează acum acest puternic turnător de vrăji. Iată contactul său: Trimiteți-l prin e-mail la: Cont: wealthylovespell@gmail.com, vizitați site-ul web http://wealthyspellhome.over-blog.com puteți să-l sunați sau să-l adăugați pe Whats-app: +2348105150446, MULTUMESC Dr.Wealthy

    RăspundețiȘtergere
  3. Numele meu este Emily, soțul meu și cu mine suntem căsătoriți de aproximativ 8 ani acum. Am fost căsătoriți fericiți cu doi copii, un băiat și o fată. Acum 3 luni, am început să observ un comportament ciudat de la el și câteva săptămâni mai târziu am aflat că soțul meu vede pe cineva. A început să vină acasă târziu de la serviciu, ca înainte, nu-i mai pasă de mine sau de copii, uneori iese și nici măcar nu se întoarce acasă de câteva zile. Am făcut tot ce am putut pentru a remedia această problemă, dar fără niciun rezultat. Am devenit foarte îngrijorat și am avut nevoie de ajutor pentru a-l face să revină la normal. În timp ce navigau pe internet într-o zi, am dat peste un site web care sugera că Dr. Ogala poate ajuta la rezolvarea problemelor conjugale, la restabilirea relațiilor rupte și așa mai departe. Deci, am simțit că ar trebui să-l încerc. L-am contactat în legătură cu problema mea și el a făcut o vrajă pentru mine. Două zile mai târziu, soțul meu îl va schimba, îmi va spune foarte bine că eu și copiii îi spun că ne iubește atât de mult, încât și-a cerut scuze pentru greșelile pe care le-a făcut și a promis că nu o va mai face niciodată. De atunci, totul a revenit la normal. Eu și familia mea locuim din nou fericiți împreună .. Toate mulțumiri dr. Ogala. Dacă aveți nevoie de un aparat care poate arunca o vraja care funcționează cu adevărat, vă sugerez să îl contactați. Nu te va dezamăgi. Acesta este e-mailul său: e-mail: drogalad02@gmail.com și, de asemenea, WhatsApp +2347049668119 ....

    RăspundețiȘtergere
  4. Mulțumesc dr. Ogala pentru vrăjile tale autentice. Acest lucru este cu adevărat incredibil și nu am experimentat niciodată așa ceva în viața mea. Înainte de a intra în contact cu dr. Ogala, am încercat toate mijloacele posibile pentru a-mi face relațiile să funcționeze pentru ca soția mea să se întoarcă, dar de fapt am ajuns să-mi dau seama că nimic nu funcționează pentru mine și că soția mea se dezvoltase multă ură pentru mine .. Am crezut că nu există nicio speranță de a mă reîntâlni cu fosta mea soție și copii. Dar când am citit recenzii bune despre munca doctorului Ogala, am decis să încerc și am făcut tot ce mi-a instruit și am avut încredere în el și i-am urmat instrucțiunile așa cum mi-a garantat în 28 de ore și exact atunci ne-a sunat soția mea .. Suntem mai mulțumiți acum ca niciodată. Totul arată perfect și atât de natural! Vă mulțumesc foarte mult pentru vrăjile dvs. autentice și incontestabile. Mulțumesc dr. Dr. Dr. Ogala pentru ajutor. Dacă aveți nevoie de ajutor în căsătoria dvs. de relație ruptă, contactați-l E-mail: drogalad02@gmail.com Sunați / WhatsApp: +2347049668119 contactați-l pe Dr Great chiar acum pentru ajutor urgent

    RăspundețiȘtergere
  5. Sunt atât de recunoscător Dr. Dawn acuna, că a făcut o vrajă de dragoste care l-a adus înapoi pe fostul meu iubit în 48 de ore, totul datorită ei, dacă aveți vreo situație de genul.
    *Dacă vrei să-ți întorci iubitul.
    *Daca vrei sa ramai insarcinata.
    *Dacă doriți să opriți avortul spontan.
    Dacă vrei să vindeci orice fel de boală. Si altii,
    Contactați-o, este persoana potrivită pentru a rezolva această problemă.
    E-mail: { dawnacuna314@gmail.com }
    Whatsapp: +2348032246310

    RăspundețiȘtergere
  6. După căsătorie, viața mea a fost atât de grea, încât soțul meu a început să urmărească alte femei pentru că nu i-am dat un copil după ce am așteptat câțiva ani. Mi-am văzut căsnicia dispărând. Am făcut tot posibilul pentru a schimba situația, dar nimic nu a funcționat până l-am întâlnit pe Dr. DAWN, un vindecător spiritual. Dr DAWN mi-a salvat viața și căsnicia. acum am 3 copii. Sunt recunoscător Dr. DAWN și de aceea îmi las mărturia oricărei persoane care suferă de probleme conjugale și de fertilitate. E-mail de contact: dawnacuna314@gmail.com
    Whatsapp:+2349046229159

    RăspundețiȘtergere