How To Replicate Techchuck AutoBlog

The display the favicon in front of the post title and the website logo on the post page you need to use custom fields.

I have used autoblogged for this blog and it automatically adds a custom field for favicon ex: key: icon value: hxxp://www.site.c0m/favicon.ico and you have the option to add more custom fields for each feed. I don't know if this feature is available for wp-o-matic.

For the website logo to appear on each post you need to add a custom field for each feed.

Download the logos for the feeds you are going to use (i got all the images from techchuck about page), after you download 'em for each feed add the custom field like this key: feedlogo value: hxxp://yoursite.c0m/yourlogofolder/feedlogoimage.jpg

Now you need to edit the template pages. Edit index.php from your template folder and add

Code:
<div style="float:left; margin-right: 5px"><img src="<?php $key="icon"; echo get_post_meta($post->ID, $key, true); ?>" /></div>

right in front of

Code:
<h2><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2>

This will display the favicons on the main/index page.

Now edit single.php page and add the same code in front of

Code:
<h2><?php the_title(); ?></h2>

if you want favicons on the post page aswell.

To display the feed logo on the post pages this is the code

Code:
<img src="<?php $key="feedlogo"; echo get_post_meta($post->ID, $key, true); ?>" />"

You need to change the display style using css.

To display related posts with thumbnails under the post i am using "WordPress Related Posts with Thumb Revised". The plugin's page is in italian, use google translate if you want.

Code:
http://fabrizio.zellini.org/wordpress-related-posts-with-thumbs-revised

For displaying thumbnails for excerpts on the main page i used "Thumbnail For Excerpts"

Code:
http://www.cnet.ro/wordpress/thumbnailforexcerpts/

For youtube related videos i have used the "AJAX Video Bar" from google.

Code:
http://www.google.com/uds/solutions/videobar/index.html

Related tweets plugin

Code:
http://www.kisaso.com/ajax-wordpress-twitter-plugin/

Custom excerpts

Code:
http://wordpress.org/extend/plugins/custom-excerpts/

Other plugins used:

NextGEN Gallery
Random Posts
Post-Plugin Library (for Random Posts to work)
Sociable
Wordpress Popular Posts
WP-Cumulus (tag cloud)

I am not going to use this blog actually, made it just to test/configure the display of the plugins and learn how they work.

You should use another template also since this one isn't looking so good without alot of modifications.
 
No he's got a custom css, i just took a look at it and made mine with almost the same values.
 
Namun - I've tried related twits plugin but even if I enable related tweets in settings it still shows my tweets. How did you setup this plugin to show related tweets on your site ?
 
You probably using the widget, you need to use this code in the single.php file instead, where you want to display it.

Code:
<div style="padding:2px; ">

     <?php $searchterm = kish_twitter_get_tags(); ?>

     <?php kish_twitter_related($searchterm); ?>
</div>
 
so guys once more isnt feedwordpress better than wp-o-matic and lighter for the server?
 
Heres a way I got the "Read More" to work with the excerpts: I replaced the code in the Main index Termplate(index.php) with this code. It still shows up below the excerpt instead of right at the end of it but it still puts the link there.

<?php the_excerpt();?><a href="<?php the_permalink() ?>" rel="bookmark">Read more</a>
 
hello Namun

I tried to add the code to have the favicon next to the topic on this new theme

hxxp://mybloglove.gigglyhub.com, but doesn't seem to work. got any idea?

thx
 
For that youtube video bar insert this code between the " " ex: executeList : ["Insert code here"]

This will display related videos for the first tag on your post.

PHP:
<?php $posttags = get_the_tags(); 
$count=0; if ($posttags) 
{ foreach($posttags as $tag) 
{ $count++; if (1 == $count) 
{ echo $tag->name . ' '; } } } ?>

You can also download their css and js scripts and modify the bar/player abit.
Ex. using that player with some modifications http://tech.ccortez.com/?p=577

Hi Namun,
Thank you so much for the help. Well, I tried several times using the code above, but it didn't work for me. I even tweaked the codes but that didn't work too. Anyways, I managed to find a wordpress plugin that does the job. For those who are experiencing the same difficulties, this http://wordpress.org/extend/plugins/dynamic-youtube-videobar/ will resolve it for you. Just download, upload, activate and configure, and the videos should appear correctly based on your post tags.

However, now I'm facing 2 problems:
1. The video thumbnails and videos display perfectly in Firefox, but not in Internet Explorer, it only displays the default "Loading..." word in Internet Explorer.

2. The pop-out video player displays correctly on my laptop, but when I view it on another laptop using different resolution (1024x768), it only displays half of the video.

Any ideas how to resolve those? And also, how did you make yours to display the keywords/tags below the videos that switch keywords and thumbnails automatically?
 
hey guys back off my course now...looks like this thread is progressing nicely. will be trying out some of the new methods today
 
On techchuck the thumbnail in the gallery links to the post itself but the default installation of the gallery links to a larger image instead, how to fix this?
 
the onlywire multi auto submitter is on this forum somewhere...i think if you search for reddit you may find it ill try and dig it out in a bit
as for the thumbnails linking to the articles ill look into it now
ive also cracked the favicons with a plugin that allows you to choose a large icon for in the posts and a small one for in the post titles...im working on it now and ill post a short guide
 
okay guys the plugin for favicons is found http://wordpress.org/extend/plugins/category-icons/
It allows you to select a small and large icon one for posts one for the title...though if someone could look at my http://technicnews.com you will notice that the icon within the post (not the one in the title) is aligned to the left could someone please tell me how to right align it?
 
okay guys the plugin for favicons is found here
It allows you to select a small and large icon one for posts one for the title...though if someone could look at my technicnews blog you will notice that the icon within the post (not the one in the title) is aligned to the left could someone please tell me how to right align it?

Edit single.php and add
Code:
style="float: right"
before or after the src="iconlink" or if you use a plugin to add icons edit the plugin files.
 
Im using images from .blogspot.com blogs and inside post there is image but its not linking to my cached image on my server, its pointing to image on blogspot, any idea how to fix this?
 
has anyone managed to remove the comments icon under the excerpts on the main index page? thats my next step its starting to look good now and get traffic...how is everyone else getting on? anyone found any good themes?
 
Back
Top