adashofcompassion-ziplist-button-code.md

##Custom Button Code and Navigation Links ###Header Code

<!-- Begin ZipList Header Code -->
<script type='text/javascript' src='http://adashofcompassion.ziplist.com/javascripts/pt_include.js'></script>
<link charset='utf-8' href='http://www.zlcdn.com/stylesheets/minibox/generic.css' rel='stylesheet' type='text/css' />
<!-- End ZipList Header Code -->

###Button Code

(WORDPRESS (TEMPLATE ONLY) WITH PERMALINK, auto capture)
<!-- Begin ZipList Button Code -->
<div class='zl-recipe-link'>
  <a class='custom-butn-link' href='javascript:void(0);' onmouseup='getZRecipeArgs(this, {partner_key:"adashofcompassion", url:"<?php the_permalink(); ?>"}); return false;' title='Add this recipe to your ZipList, where you can store all of your favorite web recipes in one place and easily add ingredients to your shopping list.'></a>
</div>
<!-- End ZipList Button Code -->

###Custom Button Styling

CUSTOM BUTTON (use custom-butn-link class)
/* ZipList Button Styles */
.zl-recipe-link a.custom-butn-link {
  background-image: url('IMAGE URL'); /* Add IMAGE URL */
  background-repeat: no-repeat;
  display: block;
  height: HEIGHTpx; /* Add image height */
  width: WIDTHpx; /* Add image width */
  cursor: pointer;
}

###Custom Navigation Links:

White Label Shopping List Link
http://adashofcompassion.ziplist.com/mylist

White Label Recipe Box Link
http://adashofcompassion.ziplist.com/recipes/box

White Label Meal Planner Link
http://adashofcompassion.ziplist.com/recipes/meal_planner