Protože jsem slíbila, že se budu věnovat více blog designu a podobným věcem, přicházím s novinkou, kterou se budu snažit zařazovat častěji. Mám zatím pracovní název "Rychlá BLOGGER poradna" :) Nic originálního to není, přiznávám, ale nechci se zaseknout na názvu, když ten je vedle návodů až druhořadý! A o co jde? Často se mi dotazy, které mi od vás chodí na e-mail, opakují. A tak jsem se rozhodla sobecky sama sobě ušetřit čas a práci a jednou pro vždy to napsat všem:)
Dnes si tedyv krátkosti povíme o třech návodech. (někdy budou dva, jindy zase jeden - trojky se nedržte:) A tady máte jejich přehled - v textové i grafické podobě:
Dnes si tedy
Jak "zabalit" článek a mít na hlavní stránce jen náhled?
Jak vložit malé ikony, které čtenáře přesměrují na sociální sítě?
1. Náhled článku
Někteří začátečníci bádají nad tím, jak to druzí udělali, že se jim na blogu nezobrazuje celý článek, ale jen část - chcete-li jakýsi náhled nebo ochutnávka. Tady pomůže jeden obrázek více než tisíc slov :) Tam, kde chcete článek "přetrhnout", klikněte na označenou ikonku. Tamtadadá - a je to :)
 |
| obrázek: weheartit.com |
❤ ❤ ❤ ❤
2. Ikonky na sociální media - a nejlépe v jednom řádku!
Přišlo mi hodně otázek typu "Jak na ty malé ikonky, co má ta a ta bloggerka? Já to chci taky!" No, tak to máte mít :) První část úspěchu je zajistit si tyto ikony :) Buď si je vytvoříte vlastní, nebo stáhnete z internetu. Můžete googlit přes klíčové slovo "social media icons". Přináším pár tipů, které jsem vygooglila já.
Barevné a veselé z Beautyholics Anonymous
Jednoduché a minimalistické z Media Loot
Ikonky i s textem z Beautiful Dawn Designs
Jakmile je stáhnete, musíte je uložit na web. První možnost je vyhradit si na to jeden příspěvek na vašem blogu, který nikdy nezveřejníte, jen do něj budete ukládat takové a podobné obrázky, které budete používat na blog. (do názvu příspěvku si napište třeba: NEVYDÁVAT) Nebo si je můžete nahrát na jakýkoliv server, který umožňuje uploadování obrázků. Za sebe doporučuji
Postimage.org.
Postimage.org.
Jakmile máte fotografii nahrané na serveru, musíte zjistit jejich adresu - správnou adresu poznáte tak, že je v podobném formátu jako např. http://www.stranka.cz/ikonka.png. Vždy tam musí být nějaká koncovka! (obvykle png)
Tohle představuje jednu z možností, jak zjistit adresu obrázku v editoru na blogu
Takhle zjistíte adresu obrázku, když ikonu nahrajete na server Postimage.org.
Jakmile budete mít ikony uploadnuté, jejich adresy pak už stačí jen vložit do HTML/JavaScript gadgetu. Ten naleznete v možnosti Rozvržení - Vložit Gadget.
Do prázdného pole s názvem "Obsah" vložte toto:
Řádek zkopírujte tolikrát, kolik máte ikonek. Pokud použijete odkazy na Twitter, Facebook a Instagram, zkopírujete to třikrát a vyplníte příslušnými adresami :)
Vysvětlení:
adresa odkazu = například adresa vaší FB stránky
adresa obrázku = netřeba vysvětlovat :) viz předchozí řádky
Dodatek:
Pokud chcete v každém řádku jednu ikonku (např. je v ní nápis) za < /a> použijte <br />
Dodatek:
Pokud chcete v každém řádku jednu ikonku (např. je v ní nápis) za < /a> použijte <br />
A pak stačí už jen uložit a je to:)
❤ ❤ ❤ ❤
3. Minimalistický vyhledávací box
Vycházela jsem z tohoto tutorialu, který jsem lehce poupravila. Takže máte-li chuť si vyhledávání ještě více přizpůsobit, koukněte se tam :)
Pro tento vzhled:
Pro tento vzhled:
Malé přizpůsobení:
délku boxu změníte u položky "size". Teď je tam "20"
text změníte u možnosti "value". Teď je tam "Search..."
Dodatek pro ty, kteří nechápou, kam to dát:
Rozvržení - přidat gadget - z možnosti zvolit HTML/JavaScript. (v předchozím návodu je to i graficky znázorněno) Do nadpisu můžete napsat např. "Vyhledejte na blogu" či jen nechat prázdný. Do obsahu vložíte kód z boxu :)
A taky tu proběhl dotaz, co se má připadně smazat. Pokud už jedno vyhledávací pole máte, smažte ho. Pokud jste neměli jeho nadpis, bude na blogu pod možností Prohledat tento blog. Klikněte na Upravit a na konci tabulky máte možnost Odstranit.
Ať se vydaří, přátelé! :)
A kdybyste měli nějaký problém, moc ráda vám pomohu - ať v komentářích, či přes e-mail.
Návod může být zastaralý. Na jeho aktualizaci se pracuje.
Si zlatá za tyto články, moc mi pomáhají ;)
OdpovědětVymazatA ja som vždy rozmýšľala, ako skryť zvyšok článku :) Vďaka za skvelé návody! :)
OdpovědětVymazat♥ přesně tyhle 3 věci jsem chtěla změnit, děkuji, jsi zlatá. Jen dotaz - píšu příspěvky jako text, ne v HTML, takže aby se mi jednotně změnily všechny příspěvky, to asi nejde, že? Musím postupně každý změnit ručně, třeba písmo a styl
OdpovědětVymazatJestli myslíš návod se skrytím části textu, tak to se musí opravdu ručně :)
VymazatNebo to lze nastavit pomocí HTML, ale bohužel se musí nastavit přesný rozměr obrázku, který se bude zobrazovat jako ten úvodní.
VymazatJsi naprosto úžasná!! :) o tvém blogu jsem četla už před nějakou dobou, tak jsem ho tu měla otevřený, že se někdy vrhnu na úpravu blogu. Strašně jsem se toho bála, ale dneska jsem se do toho pustila, a s tvými návody to jde krásně!! hlavně jsem dostala i větší odvahu další věci hledat na internetu, nebát se těch kódů, a jsem teď sama na sebe hrdá! :) tyhle ikonky jsem strašně chtěla, tak jsi mi zrovna odpověděla na moje přání!! díky moc!! :) budu tě dál sledovat a těším se na další vychytávky!! :)
OdpovědětVymazatGeorgie :)
Jéé, zrovna začátkem týdne jsem si vložila na blog "vyhledávání"
OdpovědětVymazat... nu a teď ho mám místo s "hledej" s parádní lupou:-)
Děkuji převelice! ;-)
Tak, a já jdu zpět obdivovat tu lupu :D
děkuji moc! :)) Jsi úžasná.
OdpovědětVymazatMoc pěkné rady. x) Mě by se ještě líbil článek o tom, jak udělat to, abych měla komentáře pod články očíslované. Všude jsem to hledala a zatím jsem nenašla.
OdpovědětVymazatTo bych chtěla taky vědět... :)
VymazatPíšu si do deníčku a zkusím na to přijít :)
Vymazatpresne! inak skvelý článok SILVI:)
Vymazatbaby stačí, ak do css vložíte tento kod
Vymazat.comment-thread ol{
counter-reset: contarcomentarios;
}
.comment-thread ol ol {
counter-reset: contarbis;
}
.comment-header::before {
content: counter(contarcomentarios,decimal)".";
counter-increment: contarcomentarios;
float: left;
padding-right: 4px;
}
Tak mně to nefunguje - políčko hledání, asi nevím, kam to správně vložit. A jestli mám něco jiného vymazat?
OdpovědětVymazatMohla by jsi Silvi upřesnit, kam přesně mám jít a tam vložit ten kód, pro ty nechápavé trubky jako jsem já, Děkuji moc :)
Upřesněno v článku. :-)
VymazatUž to mám :)! Děkuju za upřesnění :). A ještě jedno velké díky za tyhle články. Chodím sem pravidelně a pomocí nich postupně vylepšuji svůj začínající blog :).
VymazatMužete mi prosím někdo poradit, jak mám na blogu to hlavní pozadí mě nejde nastavit jako bílé, i když tam dám třeba průhledné. Nevíte někdo jak na to? :)
OdpovědětVymazatmoc si mi tímhle pomohla díky moc! :))
OdpovědětVymazatSeš uplně nejvíc šikovná tyjo!:)
OdpovědětVymazatjeeee, dakujem - hlavne za tip cislo jedna ;)
OdpovědětVymazatdoteraz som to mala prepnute na HTML a nechapala som, preco tam nemam tolko ikoniek ako potrebujem...vdaka tebe ma osvietilo ;)
Díky za super návod :) jednička i dvojka využita beze zbytku :)!! Moc děkuji!
OdpovědětVymazatDěkuju ti moc! Myslím si, že máš ten nejlepší blog ze všech, které znám. Vždycky mi nějakým způsobem pomůžeš :)
OdpovědětVymazatSuper návody, presne tie mini ikonky som potrebovala! Ďakujem, si skvelá :)
OdpovědětVymazatAhoj, vložila som si na blog podla tvojho návodu políčko "Search" aj sa mi tam pekne zobrazilo ale akosi hľadanie nefunguje :( a stále mi vypíše toto, nech hľadám čokoľvek: Ľutujeme, stránka, ktorú ste hľadali v tomto blogu, neexistuje. Vedela by si mi prosím poradiť kde by mohol byť problém?
OdpovědětVymazatAhoj,
OdpovědětVymazatbohužel netuším, kde je problém :-(
Teď jsem to kontrolovala a když to vkládám přes Rozvržení - vložit gadget - HTML/JavaScript, tak mi fungují oba. Děláš to takhle? A používáš blogspot?
Ďakujem za radu...prvú som stále hladala...vedela by si poradiť aj ako dostať ten text "viac infotmácii" do stredua ako ho premenovať napr. na text celý článok alebo tak nejak?
OdpovědětVymazatMoc děkuji za pomoc, vše se mi hodilo:) chtěla jsem se zeptat, jak na Archiv článků? Problémem je, že jsem ho nechtěně smazala a nejde mi znovu přidat... nevíš, jak na to? Díky moc! A.
OdpovědětVymazatahoj, Silvi, využila jsem ikonky a je to tak jednoduché, když to někdo srozumitelně vysvětlí. díky! :)
OdpovědětVymazatchtěla bych se zeptat, zda neplánuješ třeba návod na to, jak vytvořit nějaké slušné záhlaví nebo jen ikonku (třeba Tvé Sd vlevo nahoře v záhlaví)? ráda bych blog trochu překopala.. :)
tento návod mi strašne pomohol :D skvelé :D ďakujem
OdpovědětVymazatSuper návod, veľmi si mi pomohla! :)
OdpovědětVymazatMůže se zeptat, nevíš, kde bych našla nějakou pěknou ikonku na ask? Hrozně se mi líbí ty, na které si dávala odkazy, ale ask tam bohužel nikde není...
OdpovědětVymazatAhoj, skvělý článek:) můžu se jen zeptat ohledně skrytí části článku, kde se dá změnit ten popisek k odkrytí schovaného textu? opravdu tam nechci mít "zobrazit více>>" ale nevím kde to změnit, můžeš mi s tím prosím poradit? děkuji:)
OdpovědětVymazatViz odpověď níže :)
VymazatAhoj Silvi,
OdpovědětVymazatchtěla byhc se jen zeptat, také ohledně skrytí části článku, kde se dá změnit ten popisek k odkrytí schovaného textu? Byla by si moc hodná, děkuju! :)
Rozvržení - U Příspěvky na blogu kliknout vpravo dole na "Upravit" a u možnosti "Hlavní stránka – možnosti" druhý řádek: Text odkazu na stránku příspěvku ... tam to můžeš změnit :-)
VymazatBezvadný nápad Blogger poradna, díky, zkusím se tím prokousat:-))
OdpovědětVymazatAjka
Ďakujeeeeeem krásne :)
OdpovědětVymazat:))
VymazatPotřebuju poradit:) Na mém blogu se mi přes gadget překrývá příspěvek a opačně, konkrétně jen fotky, jde nějak v kódu HTML upravit ta šířka, nebo musím měnit šablonu? Děkuju. :)
OdpovědětVymazatBetko, bohužel přesně nevím, co myslíš. Zkus mi to, prosím, popsat do e-mailu. (nejlépe i odkaz na blog) Děkuji! :)
VymazatAhoj ešte by som sa chcela spýtať či nevieš ako sa robí to ak chcem aby pri prejdení myškou na tie ikonky sa zmenili....napr. farbu alebo tak.Ďakujem
OdpovědětVymazatAhoj, prosím tě, jak se zbavím názvu blogu v záhlaví? Mám tam vlastní pozadí, ale pořád se mi do toho plete automatický název, který tam fakt nechci... www.nikolascestuje.cz
OdpovědětVymazatďakujem !
OdpovědětVymazatDíky moc za pomoc. Jsi skvělá :-)!!!
OdpovědětVymazatahoj silvi diky moc za prispevok o skrateni textu :) velmi pomohlo..avšak čo sa chcem opýtať, ako si zmenila z povodnej verzie na "precist cely clanok" ? mne ta ukazuje "viac informacii" vobec sa mi to nepaci :) dakujem za radu
OdpovědětVymazatTento komentář byl odstraněn autorem.
OdpovědětVymazatMohla bys mi prosím poradit, jak udělám abych měla celý blog v aj, myslím jako třeba to domovská sttránka co je dole a tak:)
OdpovědětVymazatDíky, moc mi to pomohlo, ale mohla bys mi poradit, jak se do té ikonky vloží email? To mi nejde :/
OdpovědětVymazatAbsolutně nejlepší návody, co jsem našla!! A že je hledám nějakou tu dobu! :-D
OdpovědětVymazatTo som potrebovala pre svoj blog, ďakujem pekne! ;)
OdpovědětVymazatsuper návod, dík za tutorial! ten nápad s nepublikovaným příspěvkem s obrázky je dokonalý a jednoduchý!
OdpovědětVymazatmám to přesně tak, jak jsem chtěla ;-)
Lenka
http://zahradananiti.blogspot.cz/
Uplně super návody máš, celý blog se mi moc líbí, jen by jsem se chtěla zeptat k těm ikokám jsem totiž tele, mám všechno už hotový daný do článku ty ikonky, a potom si otevřu rozvržení, HTML a pak už to moc nechápu, klinu na tu ikonku okopíruju ten odkaz a co dál? to jsem asi nějako nepochopila:// Děkuju, za rady, a ještě kdyby jsi mi s tímhle poradila byla by jsi úžasná:))
OdpovědětVymazathttp://photobyanni.blogspot.cz/
Ahoj, návod na ikonky je super , robila som to presne podla návodu, ale z nejakého neurčitého dôvodu mám tie ikonky obrovské a nvm kde v html kóde sa dajú zmenšiť. Budem rada ak mi poradíš.
OdpovědětVymazatSi skvelá! veľmi mi to pomohlo!
OdpovědětVymazatChcela som sa spýtať, či nevieš náhodou ako by som mohla to "zobraziť viac" posunúť viac na stred , pretože teraz to mám na pravo a moc sa mi to nepáči. Ďakujem :)
Zachránila jsi mi život! Děkuji ;)
OdpovědětVymazatTento komentář byl odstraněn autorem.
OdpovědětVymazatAbsolútne úžasný článok! Veľmi ti ďakujem :) Strašne si mi pomohla :)
OdpovědětVymazatTento komentář byl odstraněn autorem.
OdpovědětVymazatMnohokrát děkuji opravdu mi článek pomohl....Díky
OdpovědětVymazatPřesně toto jsem hledala, jak vylepšit svůj blog :) Děkuju moc! :)
OdpovědětVymazatÚžasný! Moc děkuju
OdpovědětVymazatSuper článek, ale prosím :) ikony jsem nahrála, přesměrování funguje, ale ty ikony mám hrozně veliké, jak se zmenší??
OdpovědětVymazatSilvi u teba na stránke, nájdem vždy pomoc :)
OdpovědětVymazatAhoj, článek je super, jen mám otázku. Když nahraji ikonku na Postimage.org a kliknu do "kopírovat do schránky" zobrazí se mi "Copied" nevím si s tím rady. :)
OdpovědětVymazatDěkuji za odpověď! :)
Ahoj, já mám problém právě naopak, článek se mi "zabalí", aniž bych to chtěla... spíš bych chtěla články celé na hlavní stránce, nevíš, jak to udělat? :)
OdpovědětVymazatAhoj, zkus to úplně stejně jak to vysvětluje v tomto článku akorát to dáš až nakonec :)
VymazatÚžasný článok :)
OdpovědětVymazatveľmi ďakujem - pomohol mi! :)
To já jsem se zasekla na tom bodu odkazů.. vůbec mi to nejde!!!
VymazatAhoj,
OdpovědětVymazatmožná, že to sem nepatří, ale už nevím na koho se obrátit. Nesetkala jsi se s tím, že když kopíruješ odkaz ze svého blogu, tak se při vložení odkazu na fb, messenger, viber atd. zobrazí jako obrázek záhlaví blogu? Nevěděla bys co s tím?
Předem děkuji za odpověď
děkuji, tvůj návod mi hodně pomohl :))
OdpovědětVymazatZase úžasný, děkuji, vše se povedlo :) jen rada na ty malý ikonky, já to vyřešila tak, že jsem si prostě stáhla z internetu menší a bylo!
OdpovědětVymazatDalší slvělý článek a návod,který pomohl! Děkuju! <3
OdpovědětVymazatDěkuju moc. Ty ikony jsem potřebovala...
OdpovědětVymazatTieto tvoje články sú geniálne! Ďakujem :-*
OdpovědětVymazatHledala jsem návod na řešení jednoho problému a našla rovnou řešení na dva! Skvělé! Moc děkuji! :-)
OdpovědětVymazatBlueHost is one of the best hosting company for any hosting services you need.
OdpovědětVymazat