Friday, November 29, 2013

Super trikovi za fotografije

Fotografija je neizostavni deo bloginga. Može se i bez pisanja i reči ali bez fotografije je nemoguće. Šta dobijate ako niste ilustrovali nešto - naravno da vredi tekst ali fotografija je ta koja celu stvar zaokružuje i pretvara u celinu. Pod uslovom da nije neko zvanično saopštenje mada to u blogovanju nije ni potrebno.
Kako, šta, kuda samo su neka pitanja o fotografiji a da nije fotošop.
Primeri koje ću vam dati su trikovi ili prostije rečeno - Hakovi. Postoji etičko i neetičko hakovanje tj. hak ili trik je normali i sastavni deo svakog bloginga a sve ostalo je zloupotreba i to rade vešti profesionalci.





  • Dakle šta možemo da uradimo mi po našem pitanju fotografije:
  • Možemo da editujemo u nekom lokalnom editoru (fotošop, picasa...) ali nije to to
  • Možemo da uradimo ručno u kompjuteru u "Paintu, Power pointu itd"
  • Možemo u HTML editoru kada je već učitana fotografija
  • Ponovo da uploadujemo
Evo imam primer fotografije 2000px x 2000px Direkt Link 
Ovako je to bloger generisao - 
url
 http://1.bp.blogspot.com/-RRrrsVk9ID0/UpiePCkKegI/AAAAAAAAOws/PmCc97OU6K4/s1600/sample-2000x200089ee4014c0f77d591e4410e3ab4c748b%5B1%5D.jpg
s je size ili veličina a to podrazumeva i širinu i dužinu.

 Drugi primer je fotografija 2000px x 1200px Direkt Link

Šta sa smanjivanjem fotografije?
Bloger je ovo učitao
http://1.bp.blogspot.com/-RRrrsVk9ID0/UpiePCkKegI/AAAAAAAAOws/PmCc97OU6K4/s1600/sample-2000x200089ee4014c0f77d591e4410e3ab4c748b%5B1%5D.jpg

Sad zamenite ovaj crveni broj sa brojem pixela koji želite, recimo 250 i to ćete uraditi ovako što ćete crveno obeleženo zameniti brojem koji vama treba u ovom primeru 250 px
http://1.bp.blogspot.com/-RRrrsVk9ID0/UpiePCkKegI/AAAAAAAAOws/PmCc97OU6K4/s250/sample-2000x200089ee4014c0f77d591e4410e3ab4c748b%5B1%5D.jpg  
- proverite Direkt Link
Kako da uradite sečenje "Crop Image"
Evo ga link fotografije koja je normalne veličine  tj, svoje prirodne po difoltu.
http://1.bp.blogspot.com/-RRrrsVk9ID0/UpiePCkKegI/AAAAAAAAOws/PmCc97OU6K4/s1600/sample-2000x200089ee4014c0f77d591e4410e3ab4c748b%5B1%5D.jpg
Crop se radi na vrlo prost način:
Na taj link koji imate, dodate umesto crveno podvučenog broj pixela koji želite da vam bude veličina fotografije. Recimo 200. Znači idemo ovako: samo dodajte -c na kraju a to izgleda ovako
http://1.bp.blogspot.com/-RRrrsVk9ID0/UpiePCkKegI/AAAAAAAAOws/PmCc97OU6K4/ s200-c /sample-2000x200089ee4014c0f77d591e4410e3ab4c748b%5B1%5D.jpg
Direkt Link
To je to - kliknite da vidite










A sad kliknite ovaj link Direkt Link
http://3.bp.blogspot.com/-RRrrsVk9ID0/UpiePCkKegI/AAAAAAAAOww/AA6bNMUK6Jc/s1600-d/89ee4014c0f77d591e4410e3ab4c748b%255B1%255D.jpg
Samo dodajte -d ispred crveno obojenog dela i postaje link za download

Ovo su hakovali ljudi koji bloguju  u Spice Up Your Blog i Way2Blogging a vama ako se svideo, lajkujte, sharujte, puno znači. Hvala na čitanju. Srećno blogovanje.

Monday, November 25, 2013

6 Najboljih Alatki za Izradu Postera - Meme

Dodavanje slova, poster ili jednostanije "Meme" što bi Amerikanci rekli. Evo spisak od 6 sajtova za izradu natpisa na fotografijama.
1. Imgur

2. Livememe



3. Quickmeme



4Meme Dad





6. Photoshop


Izrada meme u Photoshopu je brza i jednostavna. Nakon otvaranja datoteke 'slike', dodati tekst na vrhu i na dnu fotografije. Odaberite font veličinu i proverite je li Caps Lock uključen.
Kada je vaš željeni tekst je na mestu, otvorite karticu Layer, pređite preko Layer Styles i odaberite spoljni sjaj. Promenite opciju mješavine način da Hard Light. Nakon toga možete uređivati ​​debljinu, konture jednostavno prema vašim potrebama.

Napredni iPad LYNKtec - Stylus

klikni na fotografiju da uvećaš



                

3-minutni Video od Kojeg će Vam Svaki Problem Biti Beznačajan

Ovaj video, kako kaže astronom Carl Sagan, svakako stavlja u perspektivu koliko smo mali u odnosu na celi svemir. Međutim, ovo nas takođe podseća da uprkos grozotama i beskonačnom prostoru, Zemlja je jedini dom koji imamo i da kao rezultat toga, trebali bismo se bolje brinuti za nju i ljude u njoj.

Prečesto, ljudska rasa tako dobiva "moć i daje sebi za pravo" da radi šta hoće, da uništava ono što nije njeno, da zaboravimo o našoj konačnoj obavezi - da se brinemo o međusobnim odnosima sa prirodom - mudro, oprezno i odgovorno. To je obaveza da ako zanemarimo, to će biti naša propast, a ako ispunimo - biće naša ostavština.
         

Pogledajte London pod Svetlima u Ovom Izvrsnom Time-lapse video


Iako je London poznat po maglovitom vremenu. ne bi verovali da ima i ovako lepih dana
Paul Richardson, fotografkoji stoji iza videa, kaže da je slikao 18.000 fotografija za stvaranje grube skice njegovog time-lapse videa, navodi u opisu (Vimeo).

                  
                     Restless Nights from Paul Richardson on Vimeo.
"Kad god sam u prilici posetiti London, ja sam uvek iznenađen pravom prirodom grada, to je stvarno mesto koje nikada ne spava", kaže on. "To je upravo ono što sam želeo snimiti,  'gužvu' u svakodnevnom životu."

Disney's FROZEN | First Look Trailer | Official Disney HD

Simpatičan trejler za ovaj animirani film, pogledajte, vredi.

How to Add Facebook Like and Send Button For Blogger



This Tutorial will help you in adding a Facebook Like Button For Blogger. Facebook has come up with a new set of Social plugins which enable you to provide engaging social experiences to your users with just a line of HTML. The Facebook Like Button is One of them. You can see a demo of the like button on this page. The Facebook like button will allow your readers to quickly share your posts with their Facebook Friends. You can also get to know how many people liked your Blog Post .This tutorial will teach you to add a Facebook Like button for Blogger

How to Add the Facebook Like Button Below every Post

Button Type
Text on Button
Show Send Button
Color Scheme
Font
Float
Location of the Button
Display
<div>
<b:if cond='data:post.isFirstPost'> 
<script>(function(d){
  var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
  js = d.createElement('script'); js.id = id; js.async = true;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
</b:if> 
<fb:like expr:href="data:post.canonicalUrl" layout='standard' send='true' show_faces='false' font="arial" action="like" colorscheme="light"></fb:like>
</div>


2. Copy the Above code. Login to your Blogger Account and go to Template > Edit HTML



3. Search for <data:post.body/>  , and add bellow or before tag - depence where you want to have buttons. 

4. Now Save the template and you should see the Like Button near each of your posts. You are done:)



Sunday, November 24, 2013

Advanced Random posts widget for Blogger with image thumbnails and snippets


When your blog has too many posts, visitors don't always have the time or desire to go through all the posts written there in order to make an idea of the blog's content. Thus, a random posts widget that will allow visitors to find content more easily could be really useful. This tutorial will show you how to add a random posts widget to display a list of posts in a random order with thumbnails and excerpts.


Adding Random Posts with Thumbnails and Posts Summary on Blogger

Step 1 - Login to your blogger account, select your blog and go to Layout → Click on Add a Gadget
Step 2 - Select HTML/Javascript 
Step 3 - Copy the Code Bellow and Paste it Inside the Empty Box




- Thumbnail dimensions: To change the size of thimbnails - replace 75px
- Summary length: you can control the the length of the summary (in characters) by changing the 
- Post Info: if you want to hide the post date and comment count change 'yes' from var randomposts_details='yes'; to 'no'
- Font Size for Posts Titles and Summary: to modify the font size for the post snippet modify the 11px  value and for the posts title, the 12px value



Click on the Save button and view your blog. The sidebar will display a random posts widget on each of your blog pages.




Saturday, November 23, 2013

Stvari koje obavezno morate imati na blogu!

Ovaj widget se zove "Popular posts" i prikazuje ono što je imalo najviše pregleda ili lajkova, tvitova itd.
Ovaj je specifičan jer ima opis,  thumbnails ( male slike postova) dakle, i bloger ima lep "popular posts" ali zar nije vreme da se malo uozbiljimo.

Obavezno dodajte "popular post" po difoltu - blogerov widget. Inače bez toga ništa, nema rada.
Kliknite "Save" i vidite kako izgleda - Kliknite na demo, negde na početku ovog posta da vidite kako izgleda uživo. Ako ima problem, slobodno ostavite komentar mada je ovo vrlo lak trik. 
Napomena: Na nekim templatima ne radi jednostavno zato što su tako napravljenji templati - Šabloni, evo reciomo ovaj konkretno. Ali pogledajte demo pa vidite kako izgleda na nekim šablonima. Srećan pos'o.

Šah Mat dolazi iz Persije

Šah Mat dolazi od persijske reči "Shāh Māt," što znači "Kralj je Gotov"

jQuery slider



</head> 
Pre head dodati ovaj kod
display: none;
}
.s3sliderImage span {
position: absolute;
left: 0;
font: 20px Trebuchet MS, sans-serif;
padding: 10px 0px;
width: 550px;
background-color: #000;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
color: #fff;
display: none;
bottom: 0;
text-align:center;
}
.clear {
clear: both;
}
</style>

Klikni save i to je to,

Sad u "Page elements" i dodajte ovaj kod:

<div id="s3slider">
<ul id="s3sliderContent">

<li class="s3sliderImage"><a href="YOUR-LINK-HERE"><img style="width:550px;height:200px;" src="http://3.bp.blogspot.com/_4HKUHirY_2U/S9aKt3KHrsI/AAAAAAAAA-w/I2U4SlmRPss/s1600/Crysis-11.jpg" /><span>Crysis : Download Full Version</span></a></li>

<li class="s3sliderImage"><a href="YOUR-LINK-HERE"><img style="width:550px;height:200px;" src="http://1.bp.blogspot.com/_4HKUHirY_2U/S9aKuMsQ8wI/AAAAAAAAA-4/-cMpslEWrDI/halo-11.jpg" /><span>Halo 3 : Play Game Online</span></a></li>

<li class="s3sliderImage"><a href="YOUR-LINK-HERE"><img style="width:550px;height:200px;" src="http://2.bp.blogspot.com/_4HKUHirY_2U/S9aKtHKBCTI/AAAAAAAAA-g/mzOzqFjF2FQ/avatar-11.jpg" /><span>Avatar : Watch Movie Now !!!</span></a></li>

<li class="s3sliderImage"><a href="YOUR-LINK-HERE"><img style="width:550px;height:200px;" src="http://2.bp.blogspot.com/_4HKUHirY_2U/S9aKtosfYNI/AAAAAAAAA-o/GTCV0pnicVk/s1600/call+of+duty-11.jpg" /><span>Call Of Duty 4 : Get Here</span></a></li>

<li class="s3sliderImage"></li>
</ul>
</div>

<div class='clear'></div>

Napomena: YOUR-LINK-HERE  zameniti vašim linkom i to je ceo postupak

Slajder - 3. Stil

Nemam šta puno da objašnjavam, samo ubacite ovaj kod ispod u box i to je to. Zamenite samo URL fotografije i teksta koji želite i gotovo. 

DEMO

Slajder - 2. stil

Princip je isti kao i u prethodnom post-u, samo kopirajte sledeći kod i ubacite u HTML widget i to je to. Mada malo ima nekih poteškoća, probajte da otklonite ako je to moguće nekako, nije teško a iskreno da vam kažem nije da neću nego nemam kad da rešim sve probleme. Uvek kad mogu ja hoću.
prvo demo.


DEMO





Friday, November 22, 2013

Slider za fotografije - jQuery


Ovo je jedan u nizu vrlo prostih slajdera i odmah da vam dam kod.
Vrlo je prosto, samo ubacite u HTML/JavaScript box i to je sve.
Nakon toga možete, ustvari morate da promenite slike osim ako nećete ove po difoltu jer ničemu ne vrede.
Vaše slike tj. URL zamenite sa url koji je u slajderu i dodate opis. To je sve.





Blogger Tips and TricksLatest Tips For BloggersBlogger Tricks DEMO