Mostrar última mensagem do Twitter sem plugin

Mostrar última mensagem do Twitter sem plugin

Para mostrar seu último Tweet no sidebar, sem o uso de um plugin ou do gadget do Twitter, você pode usar a linha de código abaixo:

<?php

// Your twitter username.
$username = "seu_nome";

// Prefix - aqui entra o que você quer escrever antes do Tweet.
// (OK para HTML, mas nesse formato, com contrabarras antes das aspas: href=\"link.html\")
$prefix = "<h2>Meu último Tweet</h2>";

// Suffix - O que você quer escrever após o Tweet.
$suffix = "";

$feed = "http://search.twitter.com/search.atom?q=from:" . $username . "&rpp=1";

function parse_feed($feed) {
    $stepOne = explode("<content type=\"html\">", $feed);
    $stepTwo = explode("</content>", $stepOne[1]);
    $tweet = $stepTwo[0];
    $tweet = str_replace("&lt;", "<", $tweet);
    $tweet = str_replace("&gt;", ">", $tweet);
    return $tweet;
}

$twitterFeed = file_get_contents($feed);
echo stripslashes($prefix) . parse_feed($twitterFeed) . stripslashes($suffix);
?>
<br />
<br />
(Siga <a href="http://twitter.com/seu_nome">@seunome</a> no Twitter)

WP Social Blogroll

WP Social Blogroll

Quase todas as blogueiras que me pedem para personalizar seus sites dizem que gostariam de mostrar seus links da mesma forma como eles aparecem no Blogger: listados por ordem de atualização, com o nome e a data do último post.

O Blogroll do WordPress não tem essa opção, por isso eu sempre instalo para as blogueiras o plugin WP Social Blogroll.

Veja ele em ação no site da Eliane:

Para instalar é fácil, vá no seu painel de controle em PLUGINS > ADICIONAR NOVO e no campo “Busca” escreva o nome do plugin: WP Social Blogroll. Após a busca, ele vai aparecer na lista seguinte (geralmente é o primeiro da lista).

Após instalar, clique em “Ativar plugin”.

Após a ativação, ele vai aparecer no menu do seu painel de controle. Agora é só editar as opções e colocar o plugin no seu sidebar através dos “Widgets”.

Super fácil! ;-)

Mudar papel de parede no Windows 7 Starter Edition

Mudar papel de parede no Windows 7 Starter Edition

Dia desses eu me dei de presente um Asus EEE PC. Ele vem com o Windows 7 Start Edition e eu fiquei um tanto quanto decepcionada ao ver que a Microsoft deixou de fora a opção de temas e personalização do desktop. Bola fora total!

Mas os felizes usuários do EEE PC têm no seu “Docking” a opção de trocar o papel de parede. É só ir em Tools>System Setting e você vai ver esta tela:

Nela, você pode escolher as imagens que quer ter como fundo de tela e ainda tem a opção de mudar o background automaticamente.

Se você não tem essa opção no seu EEE Pc, você pode fazer o download do arquivo abaixo e instalar e a opção System Setting vai aparecer em TOOLS no docking.
SystemSetting_Setup-1_1_0_8

Botão “Curtir” do Facebook no WordPress

Botão “Curtir” do Facebook no WordPress

Eu confesso que já cometi o erro de colocar o botão “Curtir” do Facebook após ter apenas escrito o nome do site lá no formulário onde a gente pode criar o tal botão: http://developers.facebook.com/docs/reference/plugins/like

Só que, óbvio, cada post tem um endereço único e ao fazer isso eu estava dando um botão de “curtir” para o site, não para cada post individualmente.

Se você usa um botão XFBML, tudo bem, ele “sente” qual é a página atual e publica essa página no mural do leitor. Aqui tem uma ótima referência em inglês de como instalar esse botão.

Eu, particularmente, achei muito trabalhoso fazer todo esse processo listado no site HyperArts. Por isso eu decidi usar o botão iFrame, que não exige cadastro de aplicativo ou instalação de JavaScript no site.

Para ter um botão “Curtir” nos seus posts de forma que ele “reconheça” a página onde está, use o código abaixo logo após o título do seu post ou ao final do conteúdo, no arquivo single.php:

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php the_permalink() ?>&amp;layout=standard&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;" scrolling="no" frameborder="0" style="border:none; overflow:hidden;" allowTransparency="true"></iframe>

Repare que o comando the_permalink vai criar o link para a página atual!

Se tiver alguma dúvida, pergunte através dos comentários! ;-)

Imagem randômica (sem plugin)

Imagem randômica (sem plugin)

Sempre que possível, eu evito usar plugins. O WordPress é atualizado com uma certa frequência e eu já vi dezenas de plugins pararem de serem atualizados ou desenvolvidos e se ele tem um papel importante no seu layout, você acaba com um problemão nas mãos!

Para o site da Honey (www.appleandhoney.com) eu queria ter um header rotativo, porque ela me pediu várias ilustrações, que acabariam poluindo demais o visual do site ao serem usadas em todo canto.

Pesquisando, cheguei ao site do Matt Mullenweg (sim, o criador do WordPress) e ao script Random Image. O uso do script não poderia ser mais simples: é só chamar as imagens que você vai mostrar, como se estivesse colocando uma única imagem:

<img src="/rotate/rotate.php" alt="A Random Image" />

No seu servidor, você cria uma pasta (no exemplo acima chamada “rotate”, mas você pode chamá-la como quiser) e coloca lá dentro as imagens que você quer mostrar e o script:

<?php
/*
By Matt Mullenweg > http://photomatt.net
Inspired by Dan Benjamin > http://hiveware.com/imagerotator.php
Latest version always at:

http://photomatt.net/scripts/randomimage

*/// Make this the relative path to the images, like "../img" or "random/images/".
// If the images are in the same directory, leave it blank.
$folder = '';

// Space seperated list of extensions, you probably won't have to change this.
$exts = 'jpg jpeg png gif';

$files = array(); $i = -1; // Initialize some variables
if ('' == $folder) $folder = './';

$handle = opendir($folder);
$exts = explode(' ', $exts);
while (false !== ($file = readdir($handle))) {
foreach($exts as $ext) { // for each extension check the extension
if (preg_match('/\.'.$ext.'$/i', $file, $test)) { // faster than ereg, case insensitive
$files[] = $file; // it's good
++$i;
}
}
}
closedir($handle); // We're not using it anymore
mt_srand((double)microtime()*1000000); // seed for PHP < 4.2
$rand = mt_rand(0, $i); // $i was incremented as we went along

header('Location: '.$folder.$files[$rand]); // Voila!
?>

Copie e cole o script acima em um arquivo texto e salve com o nome rotator.php, antes de fazer o upload para o seu servidor.

Para outras informações, visite o site do Matt: http://ma.tt/scripts/randomimage/. Se tiver alguma dúvida, pode me perguntar via comentários.

ps: A Ju. testou o script e não deu certo. Ela tinha colocado a pasta com o rotate.php e imagens dentro da pasta wp-content. Após ter mudado a pasta com os arquivos pra raiz do site, funcionou. Então, melhor colocar na raiz do site.

Marca d’água sem usar plugin ou editar as fotos

Marca d’água sem usar plugin ou editar as fotos

Algumas das blogueiras começaram a me pedir marcas d’água nas fotos. Existem opções de plugins para fazer isso, só que, geralmente, a marca d’água é colocada na hora do “upload” e todas as fotos que foram importadas do Blogger ou WordPress.com ou mesmo fotos anteriores ao plugin ficariam sem a marca. Sem contar que alguns programas inserem a marca diretamente na foto, criando um arquivo novo e - na minha opinião - estragando a foto original com a marca d’água.

Fazendo uma pesquisa para marcar as fotos para a Patrícia Amorim e para o site Na Provence, eu dei de cara com esse artigo do site WP Glamour: http://wpglamour.com/how-to-watermark-all-your-uploaded-images/

Você vai precisar editar o seu arquivo .htaccess e fazer upload dos arquivos watermark.php e das imagens que serão a marca d’água para a raiz do seu WordPress (instalado no seu servidor, claro).

O script funciona super bem. Claro que não é para todos os blogs. Se você costuma usar imagens que achou na net ou que já têm outras marcas d’água, eu diria que esse script não é pra você, uma vez que não tem como escolher em qual imagem a marca vai aparecer ou não. Ela vai aparecer automaticamente em todas as imagens, por isso, só se você usa estritamente imagens próprias eu indicaria esse script.

Primeiro passo:

Adionar esse código no seu arquivo .htaccess (antes da linha < / IfModule > ).

RewriteRule ^(.*)wp-content/uploads/(.*) $1watermark.php?src=wp-content/uploads/$2  

Segundo passo:

Criar um arquivo .php chamado watermark.php e colocá-lo onde seu blog WordPress está instalado (onde estão seus arquivos como wp-config e as pastas wp-content, wp-admin e wp-include)

Seu arquivo watermark.php vai ficar assim:

$src = $_GET['src'];

header('Content-type: image/jpeg');

//this will prevent the watermark from showing up in the thumbnail images
if (eregi("150x150", $src)) {
	$watermark = imagecreatefrompng('empty.png');
} else {
	$watermark = imagecreatefrompng('watermark.png');
}
$watermark_width = imagesx($watermark);
$watermark_height = imagesy($watermark);
$image = imagecreatetruecolor($watermark_width, $watermark_height);
if(eregi('.gif',$src)) {
$image = imagecreatefromgif($src);
}
elseif(eregi('.jpeg',$src)||eregi('.jpg',$src)) {
$image = imagecreatefromjpeg($src);
}
elseif(eregi('.png',$src)) {
$image = imagecreatefrompng($src);
}
else {
exit("Your image is not a gif, jpeg or png image. Sorry.");
}
$size = getimagesize($src);
$dest_x = $size[0] - $watermark_width - 0;
$dest_y = $size[1] - $watermark_height - 0;
imagecolortransparent($watermark,imagecolorat($watermark,0,0));
imagecopyresampled($image, $watermark, $dest_x, $dest_y, 0, 0, $watermark_width, $watermark_height, $watermark_width, $watermark_height);

imagejpeg($image, "", 95);
imagedestroy($image);
imagedestroy($watermark);

Repare que o tamanho da sua miniatura (thumbnail) neste arquivo é o tamanho padrão 150×150 pixels. Se você usa qualquer outro valor, maior ou menor, deverá mudar esse número no arquivo.

O motivo pelo qual a miniatura está com o valor explícito é que elas não terão marca d’água, por serem muito pequenas. Resumindo este arquivo está dizendo que imagens 150 x 150 terão a marca d’água “empty.png” e todas as outras terão a marca d’água “watermark.png”.

Você deve editar a imagem “watermark.png” para mostrar sua imagem ou texto antes de fazer o upload dos arquivos para o seu servidor.

Clique aqui para fazer um download das instruções (em inglês, tirada do site WP Glamour) e todos os arquivos necessários.

ps: esse script não funcionou pra mim com o plugin Lightview (ele acaba indo para a página da foto), mas está funcionando bem junto com o ShadowBoxJS.