iBright Web Design Studio - Drupal7 http://ibright.org/ tags/drupal7 en HOW TO CREATE A DYNAMIC PORTFOLIO PAGE USING ONLY VIEWS IN DRUPAL7? http://ibright.org/ how-create-dynamic-portfolio-page-using-only-views-drupal7 <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p>Today I gonna show you how to link an image field with a link field exists in a same node using views dynamically. Sounds confusing, ok I will give a brief explanation about the situation.</p> <p>Lets say that you have a content type called "Portfolio" which has a "title field", "taxonomy field", "image field", "link field" and a body field which shows all your latest works. Now whenever you add your latest works in the site it only displays as full node view or teaser view. But you want few custom displays like a block with image and title only which links to the full node or the external URL (using custom link field). Can you do that without writing complex codes, YES, YOU CAN! use VIEWS module.</p> <p><a class="colorbox" href="/sites/default/files/images/porfolio-content-type-fields.png" rel="gallery"><img alt="Content type fieds" src="/sites/default/files/images/porfolio-content-type-fields.png" style="width: 690px; height: 489px;" /></a></p> <h3> CREATE VIEWS</h3> <ul style=""><li> Go to /admin/structure/views and create a new view</li> <li> Select your content type (in my case "Portfolio")</li> <li> Uncheck the page display &amp; block display and click the "Continue &amp; edit" button" which will take you to the master display of the views</li> </ul><p><a class="colorbox" href="/sites/default/files/images/create-new-view.png" rel="gallery"><img alt="Create new view" src="/sites/default/files/images/create-new-view.png" style="width: 690px; height: 319px;" /></a></p> <p>At the Master display you can give a title name for the view and format style</p> <p>In the field sections you can see already "title" field is added by the views module so we just need to add "Link field" and "Image Field" only.</p> <p>Now here comes the tricky part first lets add "link field" in the configurations "uncheck the label" so that the label is hidden and select the "Exclude from display" check box, so that the output of the field is hidden</p> <p><a class="colorbox" href="/sites/default/files/images/link-field-views-settings.png" rel="gallery"><img alt="Link field views configuration" src="/sites/default/files/images/link-field-views-settings.png" style="width: 690px; height: 267px;" /></a></p> <p>Next lets add image field and at the configurations section "uncheck the label"  so that the label is hidden and make sure that the image link is set to nothing. Next click "REWRITE RESULTS" and select the check box "output this field as a link.  And in the link path field add the url field we have hidden just before. (if you scroll down little more you can see the replacebale patterns (if you have installed "TOKEN" module just click on the link pattern to enable.) That's it, now our image is linked to the custom URL we have created. <strong>NOTE: MAKE SURE THAT THE LINK FIELD IS ABOVE THE IMAGE FIELD"</strong></p> <p><a class="colorbox" href="/sites/default/files/images/image-field-views-settings.png" rel="gallery"><strong><img alt="Image field views configuration" src="/sites/default/files/images/image-field-views-settings.png" style="width: 690px; height: 618px;" /></strong></a></p> <p><a class="colorbox" href="/sites/default/files/images/portfolio-views-configuration-screen.png" rel="gallery"><img alt="Dynamic portfolio configuration using only drupal views module." src="/sites/default/files/images/portfolio-views-configuration-screen.png" style="width: 690px; height: 348px;" /></a></p> <p>Now we can create a block view or page view.</p> <p><a class="colorbox" href="/sites/default/files/images/page-display.png" rel="gallery"><img alt="Views Page Display" src="/sites/default/files/images/page-display.png" style="width: 700px; height: 400px;" /></a></p> </div></div></div><div class="field field-name-field-tags field-type-taxonomy-term-reference field-label-above"><div class="field-label">Tags:&nbsp;</div><div class="field-items"><div class="field-item even" rel="dc:subject"><a href="/tags/views" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Views</a></div><div class="field-item odd" rel="dc:subject"><a href="/tags/link-field" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Link Field</a></div><div class="field-item even" rel="dc:subject"><a href="/tags/image-field" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Image Field</a></div><div class="field-item odd" rel="dc:subject"><a href="/tags/drupal7" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Drupal7</a></div></div></div><div class="easy_social_box clearfix vertical easy_social_lang_en"> <div class="easy_social-widget easy_social-widget-twitter first"><a href="http://twitter.com/share" class="twitter-share-button" data-url="http://ibright.org/ how-create-dynamic-portfolio-page-using-only-views-drupal7" data-count="vertical" data-lang = "en" data-via="" data-related=":Check it out!" data-text="HOW TO CREATE A DYNAMIC PORTFOLIO PAGE USING ONLY VIEWS IN DRUPAL7?">Tweet</a></div> <div class="easy_social-widget easy_social-widget-facebook"><iframe src="//www.facebook.com/plugins/like.php?locale=en_US&amp;href=http%3A//ibright.org/ how-create-dynamic-portfolio-page-using-only-views-drupal7&amp;send=false&amp;layout=box_count&amp;width=48&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font=&amp;height=90&amp;appId=" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:48px; height:90px;" allowTransparency="true"></iframe></div> <div class="easy_social-widget easy_social-widget-googleplus"><div class="g-plusone" data-size="tall" data-annotation="bubble" data-href="http://ibright.org/ how-create-dynamic-portfolio-page-using-only-views-drupal7"></div></div> <div class="easy_social-widget easy_social-widget-linkedin last"><script type="in/share" data-url="http://ibright.org/ how-create-dynamic-portfolio-page-using-only-views-drupal7" data-counter="top"></script></div> </div> <!-- /.easy_social_box --> Wed, 23 Jan 2013 08:43:52 +0000 ciril 21 at http://ibright.org/s__www HOW TO CREATE TAXONOMY TERM COUNT BLOCK USING VIEWS AGGREGATION? http://ibright.org/ how-create-taxonomy-term-count-block-using-views-aggregation <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><div class="video-container"> <iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/w22Utjm-chs?rel=0" width="560"></iframe></div> </div></div></div><div class="field field-name-field-tags field-type-taxonomy-term-reference field-label-above"><div class="field-label">Tags:&nbsp;</div><div class="field-items"><div class="field-item even" rel="dc:subject"><a href="/tags/drupal7" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Drupal7</a></div><div class="field-item odd" rel="dc:subject"><a href="/tags/views" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Views</a></div><div class="field-item even" rel="dc:subject"><a href="/tags/ctools" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">ctools</a></div><div class="field-item odd" rel="dc:subject"><a href="/tags/aggregation" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Aggregation</a></div><div class="field-item even" rel="dc:subject"><a href="/tags/taxonomy" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Taxonomy</a></div><div class="field-item odd" rel="dc:subject"><a href="/tags/tag-count" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Tag Count</a></div></div></div><div class="easy_social_box clearfix vertical easy_social_lang_en"> <div class="easy_social-widget easy_social-widget-twitter first"><a href="http://twitter.com/share" class="twitter-share-button" data-url="http://ibright.org/ how-create-taxonomy-term-count-block-using-views-aggregation" data-count="vertical" data-lang = "en" data-via="" data-related=":Check it out!" data-text="HOW TO CREATE TAXONOMY TERM COUNT BLOCK USING VIEWS AGGREGATION?">Tweet</a></div> <div class="easy_social-widget easy_social-widget-facebook"><iframe src="//www.facebook.com/plugins/like.php?locale=en_US&amp;href=http%3A//ibright.org/ how-create-taxonomy-term-count-block-using-views-aggregation&amp;send=false&amp;layout=box_count&amp;width=48&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font=&amp;height=90&amp;appId=" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:48px; height:90px;" allowTransparency="true"></iframe></div> <div class="easy_social-widget easy_social-widget-googleplus"><div class="g-plusone" data-size="tall" data-annotation="bubble" data-href="http://ibright.org/ how-create-taxonomy-term-count-block-using-views-aggregation"></div></div> <div class="easy_social-widget easy_social-widget-linkedin last"><script type="in/share" data-url="http://ibright.org/ how-create-taxonomy-term-count-block-using-views-aggregation" data-counter="top"></script></div> </div> <!-- /.easy_social_box --> Fri, 18 Jan 2013 06:17:33 +0000 ciril 20 at http://ibright.org/s__www HOW TO USE VIEWS AGGREGATOR TO CREATE TAXONOMY TERM COUNT BLOCK? http://ibright.org/ how-to-use-views-aggregator-to-create-taxonomy-term-count-block <div class="field field-name-field-image field-type-image field-label-hidden"><div class="field-items"><div class="field-item even" rel="og:image rdfs:seeAlso" resource="http://ibright.org/ sites/default/files/field/image/4.png"><a href="http://ibright.org/ sites/default/files/field/image/4.png" title="VIEWS AGGREGATOR" class="colorbox" rel="gallery-node-19-9u_55ZOluXk"><img typeof="foaf:Image" src="http://ibright.org/ sites/default/files/styles/large/public/field/image/4.png?itok=Y_BWzC3D" width="308" height="237" alt="VIEWS AGGREGATOR" title="" /></a></div></div></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p>Today I am going to show you how to create a taxonomy term count block using views in drupal7. You don't need to have any aditional modules for this other than views and ctools. I write this post becasue I found many people are asking how to setup this and is there any module available? (<a href="http://drupal.org/node/603868#comment-4421144">http://drupal.org/node/603868#comment-4421144</a>) And the answer is simple and just follow the below steps.</p> <h2> Required Modules</h2> <ol><li> <a href="http://drupal.org/project/views" target="_blank">Views3</a></li> <li> <a href="http://drupal.org/project/ctools" target="_blank">ctools</a></li> </ol><h2> Modules Installation</h2> <p>Download all the modules and install in the directory <strong>yoursitename/sites/all/modules</strong>. Next go to admin/modules and enable the Chaos tools, Views &amp; Views UI modules.</p> <h2> Create your Content &amp; Taxonomy Term</h2> <p>Create a vocabulary and add the vocabulary term field to any of your content type such as blog, artice etc.</p> <h2> Create View &amp; Block</h2> <p>Go to /admin/structure/views and create a new Taxonomy term view. (<strong>Note:</strong> Make sure you don't create page or block view from beginning.)</p> <p><a class="colorbox-inline" href="/sites/default/files/images/1.png"><img alt="Taxonomy Term View" src="/sites/default/files/images/1.png" style="width: 690px; height: 282px;" /></a></p> <h3> Views Other</h3> <p>Enbale Views <strong>aggregation to Yes</strong></p> <h3> Views Field</h3> <p>Add taxonomy term field and set aggregation as <strong>Gorup results together</strong> next add one more taxonomy term field and this time set the aggregation as <strong>Count</strong> (Note: You can also set prefix "(" and suffix")" for taxonomy term count field. So that it will be looking like this ⇒ <strong><span style="color:#ffa500;">Drupal</span> (6)</strong></p> <h3> Views Field Formatting</h3> <p>Under the views field settigs check the fields you want to show as inline. So that taxonomy term and the count field will be displayed as inline.</p> <p><a class="colorbox-inline" href="/sites/default/files/images/3.png"><img alt="Field Row Style -Inline" src="/sites/default/files/images/3.png" style="width: 690px; height: 388px;" /></a></p> <h3> View Pager</h3> <p>Set the pager to Display specified items and add the number of terms ou want to show (I set it as 5 terms)</p> <h3> Views Sorting</h3> <p>Next let's sort the list of the term by most used. So add a <strong>Taxonomy term name</strong> sort field and sort it as <strong>descending</strong> now set the Aggrergation as <strong>count</strong> now you see the top 5 most used taxonomy term in the preview area.</p> <h3> Create Block View</h3> <p>Now just add a new block view and go to /admin/structure/block and enable the block we just creted using views!</p> <p><strong>See the views setings screen shot for refernce.</strong></p> <p><a class="colorbox-inline" href="/sites/default/files/images/2.png"><img alt="Taxonomy Count Block - Views Aggregation settings" src="/sites/default/files/images/2.png" style="width: 690px; height: 537px;" /></a></p> <p>That is the end of this tutorial. Please feel free to ask me if you have any quesetions, doubts or having any difficult to setup.</p> </div></div></div><div class="field field-name-field-tags field-type-taxonomy-term-reference field-label-above"><div class="field-label">Tags:&nbsp;</div><div class="field-items"><div class="field-item even" rel="dc:subject"><a href="/tags/views" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Views</a></div><div class="field-item odd" rel="dc:subject"><a href="/tags/taxonomy" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Taxonomy</a></div><div class="field-item even" rel="dc:subject"><a href="/tags/aggregator" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Aggregator</a></div><div class="field-item odd" rel="dc:subject"><a href="/tags/drupal7" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Drupal7</a></div><div class="field-item even" rel="dc:subject"><a href="/tags/count" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Count</a></div></div></div><div class="easy_social_box clearfix vertical easy_social_lang_en"> <div class="easy_social-widget easy_social-widget-twitter first"><a href="http://twitter.com/share" class="twitter-share-button" data-url="http://ibright.org/ how-to-use-views-aggregator-to-create-taxonomy-term-count-block" data-count="vertical" data-lang = "en" data-via="" data-related=":Check it out!" data-text="HOW TO USE VIEWS AGGREGATOR TO CREATE TAXONOMY TERM COUNT BLOCK?">Tweet</a></div> <div class="easy_social-widget easy_social-widget-facebook"><iframe src="//www.facebook.com/plugins/like.php?locale=en_US&amp;href=http%3A//ibright.org/ how-to-use-views-aggregator-to-create-taxonomy-term-count-block&amp;send=false&amp;layout=box_count&amp;width=48&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font=&amp;height=90&amp;appId=" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:48px; height:90px;" allowTransparency="true"></iframe></div> <div class="easy_social-widget easy_social-widget-googleplus"><div class="g-plusone" data-size="tall" data-annotation="bubble" data-href="http://ibright.org/ how-to-use-views-aggregator-to-create-taxonomy-term-count-block"></div></div> <div class="easy_social-widget easy_social-widget-linkedin last"><script type="in/share" data-url="http://ibright.org/ how-to-use-views-aggregator-to-create-taxonomy-term-count-block" data-counter="top"></script></div> </div> <!-- /.easy_social_box --> Fri, 04 Jan 2013 08:13:21 +0000 ciril 19 at http://ibright.org/s__www HOW TO INSTALL & SETUP VIEWS NIVO SLIDER ON DRUPAL7 http://ibright.org/ how-install-setup-views-nivo-slider-drupal7 <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><div class="video-container"> <iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/ITor-ptI9aA?rel=0" width="560"></iframe></div> </div></div></div><div class="field field-name-field-tags field-type-taxonomy-term-reference field-label-above"><div class="field-label">Tags:&nbsp;</div><div class="field-items"><div class="field-item even" rel="dc:subject"><a href="/tags/views-nivo-slider" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Views Nivo Slider</a></div><div class="field-item odd" rel="dc:subject"><a href="/tags/views" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Views</a></div><div class="field-item even" rel="dc:subject"><a href="/tags/drupal7" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Drupal7</a></div><div class="field-item odd" rel="dc:subject"><a href="/tags/image-slider" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Image Slider</a></div><div class="field-item even" rel="dc:subject"><a href="/tags/nivo-slider" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Nivo Slider</a></div></div></div><div class="easy_social_box clearfix vertical easy_social_lang_en"> <div class="easy_social-widget easy_social-widget-twitter first"><a href="http://twitter.com/share" class="twitter-share-button" data-url="http://ibright.org/ how-install-setup-views-nivo-slider-drupal7" data-count="vertical" data-lang = "en" data-via="" data-related=":Check it out!" data-text="HOW TO INSTALL & SETUP VIEWS NIVO SLIDER ON DRUPAL7">Tweet</a></div> <div class="easy_social-widget easy_social-widget-facebook"><iframe src="//www.facebook.com/plugins/like.php?locale=en_US&amp;href=http%3A//ibright.org/ how-install-setup-views-nivo-slider-drupal7&amp;send=false&amp;layout=box_count&amp;width=48&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font=&amp;height=90&amp;appId=" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:48px; height:90px;" allowTransparency="true"></iframe></div> <div class="easy_social-widget easy_social-widget-googleplus"><div class="g-plusone" data-size="tall" data-annotation="bubble" data-href="http://ibright.org/ how-install-setup-views-nivo-slider-drupal7"></div></div> <div class="easy_social-widget easy_social-widget-linkedin last"><script type="in/share" data-url="http://ibright.org/ how-install-setup-views-nivo-slider-drupal7" data-counter="top"></script></div> </div> <!-- /.easy_social_box --> Sun, 20 May 2012 02:05:09 +0000 ciril 18 at http://ibright.org/s__www HOW TO CREATE A MULTILINGUAL SITE ON DRUPAL7 PART-2 http://ibright.org/ how-to-create-multilingual-site-using-drupal7-part2 <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><div class="video-container"> <iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/oBoiC2e7aMc?rel=0" width="560"></iframe></div> </div></div></div><div class="field field-name-field-tags field-type-taxonomy-term-reference field-label-above"><div class="field-label">Tags:&nbsp;</div><div class="field-items"><div class="field-item even" rel="dc:subject"><a href="/tags/drupal7" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Drupal7</a></div><div class="field-item odd" rel="dc:subject"><a href="/tags/multilingual-site" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Multilingual Site</a></div><div class="field-item even" rel="dc:subject"><a href="/tags/multilanguage-site" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Multilanguage Site</a></div></div></div><div class="easy_social_box clearfix vertical easy_social_lang_en"> <div class="easy_social-widget easy_social-widget-twitter first"><a href="http://twitter.com/share" class="twitter-share-button" data-url="http://ibright.org/ how-to-create-multilingual-site-using-drupal7-part2" data-count="vertical" data-lang = "en" data-via="" data-related=":Check it out!" data-text="HOW TO CREATE A MULTILINGUAL SITE ON DRUPAL7 PART-2 ">Tweet</a></div> <div class="easy_social-widget easy_social-widget-facebook"><iframe src="//www.facebook.com/plugins/like.php?locale=en_US&amp;href=http%3A//ibright.org/ how-to-create-multilingual-site-using-drupal7-part2&amp;send=false&amp;layout=box_count&amp;width=48&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font=&amp;height=90&amp;appId=" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:48px; height:90px;" allowTransparency="true"></iframe></div> <div class="easy_social-widget easy_social-widget-googleplus"><div class="g-plusone" data-size="tall" data-annotation="bubble" data-href="http://ibright.org/ how-to-create-multilingual-site-using-drupal7-part2"></div></div> <div class="easy_social-widget easy_social-widget-linkedin last"><script type="in/share" data-url="http://ibright.org/ how-to-create-multilingual-site-using-drupal7-part2" data-counter="top"></script></div> </div> <!-- /.easy_social_box --> Sun, 28 Aug 2011 02:33:24 +0000 ciril 17 at http://ibright.org/s__www HOW TO CREATE A MULTILINGUAL SITE ON DRUPAL7 PART-1 http://ibright.org/ how-to-create-multilingual-site-using-drupal7-part1 <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><div class="video-container"> <iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/kH_DwwEQf0k?rel=0" width="560"></iframe></div> </div></div></div><div class="field field-name-field-tags field-type-taxonomy-term-reference field-label-above"><div class="field-label">Tags:&nbsp;</div><div class="field-items"><div class="field-item even" rel="dc:subject"><a href="/tags/drupal7" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Drupal7</a></div><div class="field-item odd" rel="dc:subject"><a href="/tags/multilingual-site" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Multilingual Site</a></div><div class="field-item even" rel="dc:subject"><a href="/tags/multilanguage-site" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Multilanguage Site</a></div><div class="field-item odd" rel="dc:subject"><a href="/tags/localization" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Localization</a></div></div></div><div class="easy_social_box clearfix vertical easy_social_lang_en"> <div class="easy_social-widget easy_social-widget-twitter first"><a href="http://twitter.com/share" class="twitter-share-button" data-url="http://ibright.org/ how-to-create-multilingual-site-using-drupal7-part1" data-count="vertical" data-lang = "en" data-via="" data-related=":Check it out!" data-text="HOW TO CREATE A MULTILINGUAL SITE ON DRUPAL7 PART-1">Tweet</a></div> <div class="easy_social-widget easy_social-widget-facebook"><iframe src="//www.facebook.com/plugins/like.php?locale=en_US&amp;href=http%3A//ibright.org/ how-to-create-multilingual-site-using-drupal7-part1&amp;send=false&amp;layout=box_count&amp;width=48&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font=&amp;height=90&amp;appId=" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:48px; height:90px;" allowTransparency="true"></iframe></div> <div class="easy_social-widget easy_social-widget-googleplus"><div class="g-plusone" data-size="tall" data-annotation="bubble" data-href="http://ibright.org/ how-to-create-multilingual-site-using-drupal7-part1"></div></div> <div class="easy_social-widget easy_social-widget-linkedin last"><script type="in/share" data-url="http://ibright.org/ how-to-create-multilingual-site-using-drupal7-part1" data-counter="top"></script></div> </div> <!-- /.easy_social_box --> Sun, 28 Aug 2011 02:30:10 +0000 ciril 16 at http://ibright.org/s__www HOW TO INSTALL & SETUP VIEWS SLIDESHOW MODULE ON DRUPAL7 (Sreencast) http://ibright.org/ how-to-install-and-setup-views-slideshow-module-on-drupal7 <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><div class="video-container"> <iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/8B6TcaedMzk?rel=0" width="560"></iframe></div> </div></div></div><div class="field field-name-field-tags field-type-taxonomy-term-reference field-label-above"><div class="field-label">Tags:&nbsp;</div><div class="field-items"><div class="field-item even" rel="dc:subject"><a href="/tags/drupal7" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Drupal7</a></div><div class="field-item odd" rel="dc:subject"><a href="/tags/views-slideshow" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Views Slideshow</a></div><div class="field-item even" rel="dc:subject"><a href="/tags/views" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Views</a></div></div></div><div class="easy_social_box clearfix vertical easy_social_lang_en"> <div class="easy_social-widget easy_social-widget-twitter first"><a href="http://twitter.com/share" class="twitter-share-button" data-url="http://ibright.org/ how-to-install-and-setup-views-slideshow-module-on-drupal7" data-count="vertical" data-lang = "en" data-via="" data-related=":Check it out!" data-text="HOW TO INSTALL & SETUP VIEWS SLIDESHOW MODULE ON DRUPAL7 (Sreencast)">Tweet</a></div> <div class="easy_social-widget easy_social-widget-facebook"><iframe src="//www.facebook.com/plugins/like.php?locale=en_US&amp;href=http%3A//ibright.org/ how-to-install-and-setup-views-slideshow-module-on-drupal7&amp;send=false&amp;layout=box_count&amp;width=48&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font=&amp;height=90&amp;appId=" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:48px; height:90px;" allowTransparency="true"></iframe></div> <div class="easy_social-widget easy_social-widget-googleplus"><div class="g-plusone" data-size="tall" data-annotation="bubble" data-href="http://ibright.org/ how-to-install-and-setup-views-slideshow-module-on-drupal7"></div></div> <div class="easy_social-widget easy_social-widget-linkedin last"><script type="in/share" data-url="http://ibright.org/ how-to-install-and-setup-views-slideshow-module-on-drupal7" data-counter="top"></script></div> </div> <!-- /.easy_social_box --> Sat, 21 May 2011 05:38:24 +0000 ciril 15 at http://ibright.org/s__www HOW TO CREATE USER ACTIVITY PAGE USING VIEWS IN DRUPAL7? http://ibright.org/ how-to-create-user-activity-page-using-views-in-drupal7 <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><div class="video-container"> <iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/iWWMvMPFS1Q?rel=0" width="560"></iframe></div> </div></div></div><div class="field field-name-field-tags field-type-taxonomy-term-reference field-label-above"><div class="field-label">Tags:&nbsp;</div><div class="field-items"><div class="field-item even" rel="dc:subject"><a href="/tags/drupal7" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Drupal7</a></div><div class="field-item odd" rel="dc:subject"><a href="/tags/views3" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">views3</a></div><div class="field-item even" rel="dc:subject"><a href="/tags/user-profile" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">User Profile</a></div></div></div><div class="easy_social_box clearfix vertical easy_social_lang_en"> <div class="easy_social-widget easy_social-widget-twitter first"><a href="http://twitter.com/share" class="twitter-share-button" data-url="http://ibright.org/ how-to-create-user-activity-page-using-views-in-drupal7" data-count="vertical" data-lang = "en" data-via="" data-related=":Check it out!" data-text="HOW TO CREATE USER ACTIVITY PAGE USING VIEWS IN DRUPAL7?">Tweet</a></div> <div class="easy_social-widget easy_social-widget-facebook"><iframe src="//www.facebook.com/plugins/like.php?locale=en_US&amp;href=http%3A//ibright.org/ how-to-create-user-activity-page-using-views-in-drupal7&amp;send=false&amp;layout=box_count&amp;width=48&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font=&amp;height=90&amp;appId=" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:48px; height:90px;" allowTransparency="true"></iframe></div> <div class="easy_social-widget easy_social-widget-googleplus"><div class="g-plusone" data-size="tall" data-annotation="bubble" data-href="http://ibright.org/ how-to-create-user-activity-page-using-views-in-drupal7"></div></div> <div class="easy_social-widget easy_social-widget-linkedin last"><script type="in/share" data-url="http://ibright.org/ how-to-create-user-activity-page-using-views-in-drupal7" data-counter="top"></script></div> </div> <!-- /.easy_social_box --> Sat, 21 May 2011 05:00:00 +0000 ciril 14 at http://ibright.org/s__www HOW TO INSTALL & SETUP VIEWS SLIDESHOW MODULE ON DRUPAL7? http://ibright.org/ how-to-install-views-slideshow-module-on-drupal7 <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p><a href="http://ibright.org/ how-to-install-views-slideshow-module-on-drupal7" title="how to install Views Slideshow module on drupal7"><img alt="Views Slide Show on Drupal7" src="/sites/default/files/images/homepage.png" style="width: 620px; height: 288px; border: 0px none; margin: 0px;" /></a></p> <p>Today I gonna show you how to install and setup the amazing views slideshow module on Drupal7.</p> <p><span style="color:#00cc00;"><strong>This tutorial is now uptodate with latest modules!!!</strong></span></p> <h2> <strong><strong>(1) Required Modules </strong></strong>(Version: Drupal7.0)</h2> <ol><li> <a href="http://drupal.org/project/views"><strong>Views (7.x-3.0-beta3)</strong></a></li> <li> <strong><a href="http://drupal.org/project/views_slideshow">Views Slideshow (7.x-3.0-alpha1)</a></strong></li> <li> <a href="http://drupal.org/project/ctools"><strong>Chaos tool suite (7.x-1.0-alpha4</strong><strong>)</strong></a></li> <li> <a href="http://drupal.org/project/libraries"><strong>Libraries (7.x-1.0)</strong></a></li> <li> <a href="http://drupal.org/project/link"><strong>Link Field (7.x-1.0-alpha3)</strong></a></li> <li> <a href="http://drupal.org/project/token"><strong>Token (optional) (7.x-1.0-beta1)</strong></a></li> </ol><h2> <strong><strong>(2) Install the Modules</strong></strong></h2> <p>In Drupal7 you can install modules from the admin section, but I still feel this new feature doesn't have any meaning, because we have to search for the module link in the Druapl site and then copy paste into the admin module installation area, really crazy. It would have been so good if they would have made it something like wordpress a small search feasture. Anyway I just gonna download and istall it in the old way (I still recommend this old way).</p> <p>Download all the modules from Drupal site and install in the directory <strong>yoursitename/sites/all/modules</strong>.<br /> Go to <strong><a href="http://www.yoursitename.com/node#overlay=admin/modules">http://www.yoursitename.com/node#overlay=admin/modules</a></strong> and enable these modules as below;</p> <p>(1) <strong>Views</strong> (2) <strong>Views UI</strong> (3) <strong>Views Slideshow</strong> (4) <label for="edit-modules-views-views-slideshow-cycle-enable"><strong>Views Slideshow: Cycle </strong></label>(5) <strong>Chaos tools (6) Link (7) Libraries (8) Token (Optional)</strong></p> <h2> <strong><strong><strong><strong>(3) Create Image Cache</strong></strong></strong></strong></h2> <p>In Drupal7 imagecache is part of core module and is named as <u><strong>Image styles.</strong></u> So let's create two image cache from here, one for the full size slider image and other for the thumbnail image. In this tutorial I use 935x293 (pixels) dimension for the full size slider image and 210x100 (pixels) dimension for the thumbnail image. <u><strong>Note: These configurations csn be defered depends on your needs.</strong></u></p> <p><u><strong>* Fullsize Slider image settings</strong></u></p> <p>Go to <a href="http://www.yoursitename.com/node#overlay=admin/config/media/image-styles">http://www.yoursitename.com/node#overlay=admin/config/media/image-styles</a> and click on the add new style link<br />   (1) Give an Image style name and click on create new style button<br />   (2) On the next configuration screen <u><strong>select new style</strong></u> you want and then click <u><strong>add</strong></u> button (In this tutorial I choose resize style)<br />   (3) On the next screen set the <u><strong>width and height</strong></u> and click on the <u><strong>add effect</strong></u> button. (The settings may vary depend on the style you choose). I set width as 935 and height as 293 <span class="field-suffix">pixels.</span></p> <p>Do this same process for the thumbnail image too. (for the thumbnail image dimension, I set width as 210 and height as 100 <span class="field-suffix">pixels.)</span></p> <h2> <strong><strong>(4) Create New Content Type</strong></strong></h2> <p>Let's create a new content type, From the dashboard menu bar cick on <u><strong>Structure</strong></u> and then <u><strong>content types</strong></u> then click on the <u><strong>add new content type</strong></u> link.</p> <p>  (1) Give a human-readable name, I named it as <u><strong>Featured Slider</strong></u> (machiine name will be auto generated based on the human readable name)<br />   (2) Give a brief and relevant description<br />   (3) Submission form settings, I leave as the default settings<br />   (4) Publishing options, I checked <u><strong>only published</strong></u> (all other settings <u>unchecked</u>)<br />   (5) Display settings, I have <u><strong>unchecked</strong></u> the authour and date info.<br />   (6) Comment settings,I set <u><strong>hidden</strong></u> (disabled)<br />   (7) Menu settings, I leave as default settings.<br />   (8) Click <strong><u>Save and add fields</u></strong> Button</p> <h2> <strong><strong>(5) Create New Fields</strong></strong></h2> <p>Here in this example I create only two fileds, and they are image field and link field.<br /> We will use image field for uploading our slider image and link field for creating a custom link where we want our slider to be linked.</p> <p><strong> Image Field Settings</strong></p> <p>    (1) Label: Slider Image<br />     (2) Field: slider_image<br />     (3) Field type: image<br />     (4) Widget (form element): image<br />     (5) Click <u><strong>Save</strong></u> button, and on the field settings page leave default settings and click on <u><strong>Save field settings</strong></u> button.<br />     (6) On the image field configuration settings page you can configure as you wish.<br /> I set this field as required, I added a file director name called <u><strong>slider-image</strong></u> so that this images will be arranged sperately from other images.<br /> You can set the maximum upload size and resolution here, I have anabled <u><strong>alt and title</strong></u> field and finally click <u><strong>Save settings</strong></u> button.</p> <p>By using same method create the link field too.</p> <p><strong>Link Field Settings</strong></p> <div>     (1) Label: Slider Link<br />     (2) Field: slider_link<br />     (3) Field type: link<br />     (4) Widget (form element): link<br />     (5) Click <u><strong>Save</strong></u> button,</div> <div> For the link field configurations leave evrything to default settings.</div> <div> I have re arranged the field like shown below;</div> <div>  Title field<br />  Image field<br />  Link field<br />  Body field (you can even remove this field if not necessary)</div> <div> <strong>Manage Display</strong></div> <div> On the manage display tab you can conigure how the out put of the field to be diplayed.<br /> I have set the <u><strong>link field</strong></u> as <strong><u>hidden</u></strong> and I have also set <u><strong>image label</strong></u> as <u><strong>hidden</strong></u></div> <div> <u><strong><img alt="Drupal7: manage fields" src="/sites/default/files/images/manage-fields.png" style="width: 630px; height: 365px; border: 0px none; margin: 0px;" /></strong></u></div> <h2> <strong>(6) Create Feature Slider Content</strong></h2> <p>I have created four featured slider content for this tutorial.</p> <p>  (1) Click on <u><strong>add content</strong></u> link<br />   (2) Create Featured Slider content<br />   (3) Give a proper title name<br />   (4) Upload slider image<br />   (5) Give alt and title field names<br />   (6) Give a link <u><strong>title and url</strong></u> where you want the slider to be linked<br />   (7) Leave all othe settings as default except for the <u><strong>path field</strong></u> if yo want you can give an SEO friendly URL alias.<br />   (8) Save the content.</p> <p>Same way create more Featured Slider contents (I have created four contents)</p> <h2> <strong><strong>(7) Create a New View</strong></strong></h2> <p>Now it's time to create our new Slideshow view.<br /> From the <u><strong>Dashboard</strong></u> menu click on the <u><strong>Structure</strong></u> and then click on the <u><strong>Views</strong></u>.</p> <p>  (1) Click add new view<br />   (2) Give view name, I have named as <u><strong>Featured Slider</strong></u> (machiine name will be auto generated)<br />   (3) Give an apropriate view description<br />   (4) Choose Show <u><strong>Content</strong></u> of type <u><strong>Featured Slider</strong></u> (your content type name).<br />   (5) Uncheck <u><strong>Create a Pge</strong></u> and check <strong><u>Create a block</u></strong><br />   (6) Type in Block title and choose display format as <u><strong>"Slideshow"</strong></u> of "<strong>fields</strong>" items per page 5 (you can enter the number of items you want to display)<br />   (7) Click the button "<strong><u>Continue &amp; edit</u></strong>"<br /><u><strong>Views Field Settings</strong></u><br /> First let's add <strong><u>link field</u></strong> (link must be the first field in order to work everything properly) so click on the <span style="font-size: 16px;"><span style="color: rgb(255, 140, 0);"><strong>add</strong></span></span> icon and from the filter <u><strong>Groups</strong></u> select <u><strong>Content</strong></u><br /> Add Content: <strong><u>Link</u></strong>, Click "<u><strong>Add &amp; configure button</strong></u>" in the next cofiguration window uncheck <strong><u>"Create a label</u></strong>". "<strong><u>Check</u></strong>" <strong><u>Exclude from display</u></strong>.<br /> Click "<strong><u>Apply button</u></strong>"</p> <p>Next let's add image field, so click on the <span style="font-size: 16px;"><span style="color: rgb(255, 140, 0);"><strong>add</strong></span></span> icon and from the filter <u><strong>Groups</strong></u> select <u><strong>content</strong></u></p> <p><u><strong><img alt="Content Filter" src="/sites/default/files/images/Screen-Shot-2013-04-09-at-5_20_24-PM.png" style="width: 700px; height: 285px;" /></strong></u><br /> Add Content: <strong><u>image field</u></strong> (<strong><u>Note:</u></strong> <em>make sure you choose the image field which we crerated for this slider content type only</em>.)<br /> Click "<u><strong>Add &amp; configure button</strong></u>" in the next cofiguration window uncheck <strong><u>"Create a label</u></strong>".</p> <p><strong>Formatter</strong>: Image (if you have installed Colorbox or lightbox you can choose them here!)<br /><strong>Image Style</strong>: Fullsize (Choose the imagecache you have created in the above step)<br /><strong>Link image to</strong>: Nothing<br /><strong>Style Settings</strong>: Leave default settings<br /><strong>No result behaviour</strong>: Leave default settings<br /><strong>Rewrite Results</strong>: Check Output this field as a link<br /><strong>Link path: </strong>[view_node] (Note:Scroll dow a bit and you can see <strong><u>replacement patterns</u></strong> created by <strong><u>Core Token</u></strong> module, (if we didn't set the link field as first we can't see link field option here) copy only <span style="font-size: 16px;"><span style="color: rgb(255, 140, 0);">[view_node]</span></span> then scroll up and paste it in the <u><strong>link path field</strong></u>.)<br /> Click "<strong><u>Apply button</u></strong>"</p> <p>Finally we need one more field for the <u><strong>thumbnail</strong></u>, so let's click on the <span style="font-size: 16px;"><span style="color: rgb(255, 140, 0);"><strong>add</strong></span></span> icon and from the filter <u><strong>Groups</strong></u> select <u><strong>Content</strong></u><br /> Add Content: <strong><u>image field</u></strong> (<strong><u>Note:</u></strong> <em>make sure you choose the image field which we crerated for this slider content type only</em>.)<br /> Click "<u><strong>Add &amp; configure button</strong></u>" in the next cofiguration window uncheck <strong><u>"Create a label</u></strong>" and <span style="color: rgb(255, 140, 0);"><strong><u>CHECK EXCLUDE FROM DISPLAY</u></strong></span>,<br /><strong>Formatter</strong>: Image (if you have installed Colorbox or lightbox you can choose them here!)<br /><strong>Image Style</strong>: Thumbnail (Choose the imagecache you have created in the above step)<br /><strong>Link image to</strong>: Nothing<br /><strong>Style Settings</strong>: Leave default settings<br /><strong>No result behaviour</strong>: Leave default settings<br /><strong>Rewrite Results</strong>: Check Output this field as a link<br /><strong>Link path: </strong>[view_node] (Note:Scroll dow a bit and you can see <strong><u>replacement patterns</u></strong> created by <strong><u>Core Token</u></strong> module, (if we didn't set the link field as first we can't see link field option here) copy only <span style="font-size: 16px;"><span style="color: rgb(255, 140, 0);">[view_node]</span></span> then scroll up and paste it in the <u><strong>link path field</strong></u>.)<br /> Click "<strong><u>Apply button</u></strong>"</p> <p><u><strong>Views Filters Settings</strong></u></p> <p><span style="text-decoration: underline;"><span style="font-weight: bold;">In views3 the filters are created in the beginning while we choose the content type and other settings! If you need any additional filetering you can create it here!</span></span></p> <p><u><strong>Views Style Settings</strong></u></p> <p>Click on the <strong><span style="text-decoration: underline;">Format</span></strong> Slideshow | settigs and on the next configuratioin window set as below;<br />   (1) <strong>List type</strong>: Unordered list<br />   (2) <strong>Wrapper class</strong>: Leave default settings<br />   (3) <strong>Style&gt; Skin</strong>: deafult<br />   (4) <strong>Slides&gt; Slideshow type</strong>: cycle<br />   (5)<strong><em><u> Cycle options</u></em></strong><br /><span style="color: rgb(255, 0, 0);">You need to download jQuery cycle plugin and copy jquery.cycle.all.min.js to sites/all/libraries/jquery.cycle You can find the plugin at</span> <a href="http://malsup.com/jquery/cycle" target="_blank">http://malsup.com/jquery/cycle</a>.</p> <p><u><strong>IN SIMPLE ENGLISH</strong></u><br /> Create a folder named "<strong>libraries</strong>" in the <strong>site/all</strong> directory and then create an another folder named "<strong>jquery.cycle</strong>" in that directory and finally copy and paste only the "<strong>jquery.cycle.all.min.js</strong>" into this directory.</p> <p>   (6) <strong>Transittion</strong>: Fade<br />   (7) <strong>Action</strong>: pause on hover<br />   (8)<strong> Internet Explorer Tweaks</strong>: default<br />   (9) <strong>Widgets</strong>: You can choose either or both Top and Bottom (I choose bottom here, and the advance settings as below;)<br />   (10) <strong>Bottom Widgets&gt;Pager&gt;Pager type</strong>: Fields<br />   (11) <strong>Pager field</strong>: Content: Image (<strong><u>Note:</u></strong> <u>last one we added for the thumb</u>, don't mistake since both field will be named same.)<br />   (12) <strong>Activate Slide and Pause on Pager Hove</strong>: checked, controls and slider counter leave unchecked.<br />   (13) Click <strong><span style="text-decoration: underline;">Apply</span></strong> button.</p> <p><u><strong>Format Show Field Settings</strong></u></p> <ol><li> <strong><u>Inline fields: </u></strong><span style="color: rgb(255, 140, 0);"><u>Choose the thumbnail field as<strong> inline.</strong> </u></span></li> <li> Click <strong><span style="text-decoration: underline;">Apply</span></strong> button. (<u><strong>Note:</strong></u> Well it actually doesn't change much in appearance but it does change in the code. Next step use the firebug and find the class and add some styles to display properly.)</li> </ol><h2> <strong>(8) Create a Custom Region </strong>(optional step)</h2> <p>(1) On your thems folder open the <strong><u>your_theme_name.info</u></strong> file and add a new region like this shown below;<br /><span style="color: rgb(255, 140, 0);">regions[featured_slider] = Featured Slider</span> and save the .info file.<br /> (2) Open your themes <strong><u>page.tpl.php</u></strong> file and add these code where you want your slide to be displayed as shown below;</p> <p><span style="color: rgb(255, 140, 0);">  &lt;?php if ($page['featured_slider']): ?&gt;<br />     &lt;div id="featured-slider"&gt;<br />       &lt;?php print render($page['featured_slider']); ?&gt;<br />     &lt;/div&gt; &lt;!-- End Featured Slider--&gt;<br />   &lt;?php endif; ?&gt;</span></p> <p>You can even create custom front page template like <strong>page--front.tpl.php</strong> so that you do't need to make any changes to the default page.tpl.php template.</p> <h2> <strong><strong>[9] Enable &amp; configure the Block</strong></strong></h2> <p>Now this block will be visible in the blocks disabled area, so from the Dashboard menu go to <strong><u>Structure&gt;Block</u></strong> and enable the block to a themes default region  or the custom region we created (featured_slider). (Regions varies depends on the theme you are using.)</p> <p><u><strong>Block Configuration Settings</strong></u><br /> After enabling the block you get a link to configure the block so click on the <strong><u>Configure</u></strong> link and on the settings section set as below;</p> <p>  (1) Block title (if you don't want blobk title to be displayed just type <span style="color: rgb(255, 140, 0);">&lt;none&gt;</span>)<br />   (2) Again you get all enabled theme specific <strong><u>Region settings.</u></strong><br />  <u><strong> On visibility setings</strong></u><br />   (3) Pages&gt;Show block on specific page: choose <span style="color: rgb(255, 140, 0);">Only the listed pages</span> and type <span style="color: rgb(255, 140, 0);"><u><strong>&lt;front&gt;</strong></u></span> so that this block will be displayed only on the front page.</p> <h2> CSS TIPS TO DISPLAY THUMBNAILS INLINE</h2> <p>Add these CSS codes to your themes style sheet to display the thumbnails inline.<br /> .views-slideshow-controls-bottom .views-slideshow-pager-field-item { float: left; margin: 20px 6px; } Make necessary adjustments.</p> <p>That's all now we have successfully created our new Views Slideshow on Drupal7. I hope yo could understand the tutorial I tried my best to explain as much as I can, if you still have doubt's comment below and I will try my best to help. The scren cast of this tutorial will be coming soon.</p> <p>Play around and find the best you can in Drupal7, Best wishes.</p> </div></div></div><div class="field field-name-field-tags field-type-taxonomy-term-reference field-label-above"><div class="field-label">Tags:&nbsp;</div><div class="field-items"><div class="field-item even" rel="dc:subject"><a href="/tags/drupal7" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Drupal7</a></div><div class="field-item odd" rel="dc:subject"><a href="/tags/drupal" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Drupal</a></div><div class="field-item even" rel="dc:subject"><a href="/tags/views-slideshow" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Views Slideshow</a></div><div class="field-item odd" rel="dc:subject"><a href="/tags/views3" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">views3</a></div></div></div><div class="easy_social_box clearfix vertical easy_social_lang_en"> <div class="easy_social-widget easy_social-widget-twitter first"><a href="http://twitter.com/share" class="twitter-share-button" data-url="http://ibright.org/ how-to-install-views-slideshow-module-on-drupal7" data-count="vertical" data-lang = "en" data-via="" data-related=":Check it out!" data-text="HOW TO INSTALL & SETUP VIEWS SLIDESHOW MODULE ON DRUPAL7?">Tweet</a></div> <div class="easy_social-widget easy_social-widget-facebook"><iframe src="//www.facebook.com/plugins/like.php?locale=en_US&amp;href=http%3A//ibright.org/ how-to-install-views-slideshow-module-on-drupal7&amp;send=false&amp;layout=box_count&amp;width=48&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font=&amp;height=90&amp;appId=" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:48px; height:90px;" allowTransparency="true"></iframe></div> <div class="easy_social-widget easy_social-widget-googleplus"><div class="g-plusone" data-size="tall" data-annotation="bubble" data-href="http://ibright.org/ how-to-install-views-slideshow-module-on-drupal7"></div></div> <div class="easy_social-widget easy_social-widget-linkedin last"><script type="in/share" data-url="http://ibright.org/ how-to-install-views-slideshow-module-on-drupal7" data-counter="top"></script></div> </div> <!-- /.easy_social_box --> Mon, 16 May 2011 04:40:18 +0000 ciril 13 at http://ibright.org/s__www