Feedback

CLIPZINE Help

  1. About
  2. Browser support

    The CLIPZINE is tested on Chrome, Firefox, Safari, IE9, Opera, and IE8 browsers. The accurate works on IE7 or 6 is not guaranteed.

    You are able to use the CLIPZINE on mobile device’s browser such as safari on iPad, iPhone, iPod, and android.

  3. Install +Clip it button
    • What is the +Clip it button ?

      The “+Clip it button” is a bookmark or favorite that is javascript in browser, so you can install the button as you do bookmarking some webpage’s URL by drag and drop the link on bookmarks toolbar or mouse right-click on link then choose menu “add the link to favorites” on opened list of menu.

      You can clip some image and text from webpage by hitting the “+Clip it button” on web-surfing, then the image and text will be on the CLIPZINE.

    • Desktop Browsers

      1) Click the menu on header, then be connected to + Clip it button install page. 2) Drag the "+ Clip it button", and Drop on Bookmarks Toolbar.

      • Chrome

        To show the Bookmarks Toolbar or Favorites bar.

      • Safari

        To show the Bookmarks Toolbar or Favorites bar.

      • Firefox

        To show the Bookmarks Toolbar or Favorites bar.

      • IE9

        To show the Bookmarks Toolbar or Favorites bar.

      • Opera

        To show the Bookmarks Toolbar or Favorites bar.

      • IE8

        1) Click the menu on header, then be connected to + Clip it button install page. 2) Mouse Right-click on the "+ Clip it button" and Choose the menu "Add to favorites". 3) Create the favorite in "Favorites Bar"
        To show the Bookmarks Toolbar or Favorites bar.

    • iPad

      You can install the + Clip it button by adding bookmark into your browser with javascript text in following yellow area. Now explain the steps in more detail.

      1) Copy the javascript text in following yellow area.

      1. Press and hold over the following javascript text in yellow area on your iPad with your fingertip, after around 2 seconds a magnifying glass appears and the word it intends to select is highlighted in blue.
      2. Drag the blue bars at the beginning and end of the text in yellow area. A magnifying bar will aliliear to make it easier to find the exact beginning or end of the selection.
      3. Tap the Copy button that appears above the selected text.
      javascript:void((function(B){var%20A=B.createElement("script");A.setAttribute("type","text/javascript");A.setAttribute("charset","UTF-8");A.setAttribute("src","//www.clipzine.me/javascript/bmlet.js?v="+Math.random()*100000000);B.body.appendChild(A)})(document));

      2) Tap the share button in the top-left corner of the iPad’s Safari Browser, select Bookmark, rename the Title of bookmark to + Clip it button, and then put the bookmark into the Bookmarks Bar and save it.

      3) Tap the Bookmarks icon, move to Bookmarks Bar folder, tap the Edit button, select the + Clip it button bookmark you just created, then the bookmark edit dialog will be opened.

      4) Change the address on Address field to the javascript text you just copied a minute ago.

      1. Tap the second field ( Address field ), tab the X button at right.
      2. Tap the address field again, then tap the Paste button

      5) Setting to show the Bookmarks Bar.

    • iPhone, iPod

      The installing of iPhone, iPod is similar to the iPad steps.

      1) Copy the javascript text in following yellow area.

      javascript:void((function(B){var%20A=B.createElement("script");A.setAttribute("type","text/javascript");A.setAttribute("charset","UTF-8");A.setAttribute("src","//www.clipzine.me/javascript/bmlet.js?v="+Math.random()*100000000);B.body.appendChild(A)})(document));

      2) Tap the share button in the bottom of the iPhone or iPod’s Safari Browser, select Bookmark, rename the Title of bookmark to + Clip it button, and save it.
      ( There is no Bookmarks Bar in iPhone or iPod. )

      3) Tap the Bookmarks icon, tap the Edit button, select the + Clip it button bookmark you just created, then the bookmark edit dialog will be opened.

      4) Change the address on Address field to the javascript text you just copied a minute ago.

      1. Tap the second field ( Address field ), tab the X button at right.
      2. Tap the address field again, then tap the Paste button

      Finally, you can use the button, 1) Tab the bookmark button in bottom of browser, 2) Tab the + Clipzine button you added.

    • Android
  4. Styling Tool

    You can see all guide videos in just about 5 minute.

    1. Use the template to fix broken page layout
      1. Extract a template from the page before edit
      2. You can apply the template on the page again.
    2. Create a new zine
    3. Insert new page with template
      • If you use the option “Insert new page with recently used template” , the recently used template will be applied on new page automatically. If not, an empty page will be created.
    4. Examples for a image and text styling.
      • How to cut and fit image, insert box or text of clip, and change order of clips.
  5. Download and Link

    Any zine in CLIPZINE has a unique URL and can be downloaded as a PDF or JPEG image file. Also the PDF and JPEG file has a URL.

  6. Embed

    The CLIPZINE provide three types of code for embed you can get the appropriate code to your website.

    • Image Map Code

      A Image Map Code is html code that use both of <map> and <img> tag together. A <img> tag only can be linked to one website by anchor tag, but if you use the <map> tag you can link to several website in one image.

      <map name="cz-map-58683451772837506690">
      <area shape="rect" coords="0,0,187,290" href="http://pinterest.com/pin/22799541835574002/" target=_blank>
      <area shape="rect" coords="187,0,250,145" href="http://www.aplacetolovedogs.com/2013/01/treat-time/1486648443/" target=_blank>

      </map>
      <div style="text-align:center;">
      <img src="http://clipzine.me/brianlee/clipzine/58683451772837506690/Golden-Retriever.jpg?p=7" alt="Golden Retriever" width="250" height="303" border="0" usemap="#cz-map-58683451772837506690" />
      </div>

      For example, If you have your own blog website and you put the image map code into your blog’s sidebar, then when someone click the area of image, the action will lead the someone to the post you recommend. You can get the code according to the guide How to CREATE Image Map Code for Blog SideBar.

      Important: Before you get the image map code, you must input the width of sidebar exactly to adjust the coords of link area depending on the width of sidebar. If you don’t set the width to exact value, the coords of link area would be wrong.

    • Plugin Code

      A Plugin code is html code using <iframe> tag, so you can only put the code on a website that permit to use the <iframe> tag. If you place the plugin code into your webpage’s HTML code, you can show the zine or zine’s some page on your website as exactly same interface as the CLIPZINE, also you can use the plugin of zine more flexibly according to your website’s type because the CLIPZINE provides the url of plugin.

      Sample Plugin Code

      <div style="width:801px; margin:auto;">
      <h3 style="font-size:28px; color:#555; font-family:Arial; font-weight:bold; text-align:center; margin:30px 30px 10px;">Golden Retriever</h3>
      <p style="width:600px; font-size:16px; color:#777; font-family:Georgia; line-height:20px; text-align:center; margin:10px auto; padding:0 0 20px;"></p>
      <iframe src="http://clipzine.me/brianlee/clipzine/58683451772837506690/Golden-Retriever.zineplugin" style="width:801px; height:1020px; border:0;"></iframe>
      </div>

      zineplugin url

      http://clipzine.me/brianlee/clipzine/1579404089480661306/Interested-Design.zineplugin

      pageplugin url

      http://clipzine.me/brianlee/clipzine/1579404089480661306/Interested-Design.pageplugin

      For example, the plugin of zine is appropriately designed to be used on facebook page tab ( tab’s width is 810px and zine’s width is 801px ), so you can place your zine or zine’s page on facebook page tab and we will provide the feature to easily install the zine on your facebook page tab by one button. Also we are going to provide the feature to change the scale of zine, at that time you will be able to place the zine into web documents that has various width.

    • Image Code

      A image code is most simple form of media to embed into other web document, you can use the code provided by CLIPZINE or directly use the url of zine’s JPEG image.

  7. Pin it with long style image.

    If you want to pin a vertically long image to Pinterest, you can do it using pin it button below zine’s title. The long image is that some zine pages are concatenated.

    1. Hit the “pin it” button below zine’s title.

    2. Choose the pages you want.

    3. Generate image

    4. Hit “pin it” button

  8. Notification

    When a member of CLIPZINE react about you or your zines or clips, notification message is thrown to you, then you can confirm the noti messages.

  9. Account
    • Change your username

      You don’t have to deactivate and re-join to change your username. You can change your username at any time without disconnected of your zine’s link. So even when you change your username after a search engine’s crawler already get the zine’s link, can be connected to the zine by old link of search result.