Here are others:

Component listing: http://bit.ly/9cExhJ

Simple Tab slider: http://bit.ly/7dvnI7

Bangla date: http://bit.ly/c3v5Wv

All share count or “Social share/Vote button” is a joomla plugin that shows social share or vote button in articles. It contains all popular social network or share/bookmark sites that supports button/badge for vote/share. I was inpired by the wordpres plugin “Digg Digg WordPress Plugin” which I am using in my blog for many days. So I decided to make one for joomla and passed some hours for it.

Social share/Vote button

Upto now added Facebook share, fbshare.me, tweetmeme.com, topsy.com, digg, delicius, stumbleupon, dzone, yahoo buzz, google buzz, facebook like button.

There are options to show before content, after content, left float, right float

Again, there are options to show/hide button for home page/front page, category view, section view or for any sepecific category whatever you need.

I am working to sort by weight to show buttons oder as you need. Also will add redit. If you have other ideas let me know. Btw, adding lazzy load like the digg-digg plugin of wordpress will be cool, hope to add in my joomla plugin.

How to install

• Download the plugin as zip
• Install from joomla admin panel like any other joomla extension
• Go to plugins page and “publish” the plugin
• Configure the plugin as you need
• Change order of that plugin for all content plugins to change the plugin action order so that buttons show near content perfectly…
• that’s it baby!

Download

Bug Fix

• 03.09.2010: A critical bug is fixed “Fatal error: Class ‘JSite’ not found in…” while saving content from admin panel. Thanks @ sspider. Every body is requested to download again.

To see demo you can check my portfolio page.

So use it, enjoy it and don’t forget to let me know how you like this new baby. Have a nice joomla time.

Though my modification is not done yet! But why not I share my last modification and explain what I have done upto now

Gallerific image gallery with wp photo albumm plus plus

Change in Backend:

• Added pagination in backend for album listing
• Added pagination in backend for file/image listing, sites having large amount of images in each gallery should like this feature.
• Image will not list while edit any album. Better way to edit or view images for any album in backend.
• Changed backend design a little for easy navigation to other options. More will be done.
• Now thumb can be made squre so that it does’t look ugly and diff sizes
• Added midium size thumb so that you can place image size that you want as big size but original one is always kept so that you can regenerate all thumbs again.

Change in Front end:

• Replaced the old slideshow with  new slideshow using  jquery based image slideshow plugin Galleriffic. You may need to edit style if currrent setting doesn’t match your style. You can select black or white combination. Need to do more work though. Current gallerific style is used.

Todo list:

• So many things so don’t wana write so long list
• One thing must to do for replaceing the normal regex based shortcode with wordpress default shortcode method to add gallery in a page.

Note: There is a file embedded within this post, please visit this post to download the file.
I am attaching the current modified version so that you can test and give me some feedback. If any one need any jquery based custom slideshow with it let me know(to hire professionaly )

So here is answer of the those question, “How I added the vertical feedback button?”

I know how html works and how css works , I know where to edit in wordpress theme. So many days ago I saw that in a site and copied the source code and image and added in my site
I am showing for default wordpress theme tweentyten and all paths shown bellow are windows style as windows is my primary os.

Step1: Copy this image to your wp-content\themes\twentyten\images folder first.

Step2: Open style.css file from wp-content\themes\twentyten dir and ready to add some css code
Step3: In the file style.css file at last line add the following css codes

body > a#feedbackright {
background:url("images/feedback_tab_white.png") no-repeat scroll 50% 50% #0066CC;
display:block;
height:90px;
line-height:0;
padding:5px;
position:fixed;
right:0;
/*left:0;*/
text-indent:-99999px;
top:50%;
width:22px;
}
body > a#feedbackright:hover {
background-color:#FF8B00;
}

Here if you want to show in left side then comment the right:0; line and uncomment the line left:0; Also if you want to up down the position of the feedback button then edit the value for top:50%

Step3.: Open footer.php from the same dir of style.css file and go to bottom of that file to add the following lines after the end of wrapper div(here I have added the end tag of wrapper div so that you get easily)

</div><!-- #wrapper -->
<a href="<?php echo get_permalink(here will be your contact page id); ?>" id="feedbackright">feedback</a>

look in the above code there is something “here will be your contact page id” you have to replace this text with your contact page id. if you don’t know how to get page id then you can install this wordpress plugin and activate, then go to any menu from left column for listing like posts, pages, categories, tags etc you will see an extra line at right col for id. Ok let your contact page id is 2 then the line will be like

note: here I am writing the last tag of wrapper div

<a href="<?php echo get_permalink(2); ?>" id="feedbackright">feedback</a>

Step4: now it’s time you do it and let me know.

বন্ধু তোর নগরে যদি বৃষ্টি না হয় আমাকে জানান দিস,
রংয়ের হিসাব ভুলে ধার দিয়ে দেবো আমার চমশার কাঁচে জমা বৃষ্টি্র ফোটাগুলো।।

edit.php?post_type=post&all_posts=1

and All( total post number here). There will be another menu named Mine(Current user post number). All link is default. So we can make nother submenu of posts in admin section for Mine link directly. Let me show you the few lines code.

add_action('admin_menu', 'manchu_myposts');
function manchu_myposts()
{
    if (function_exists('add_submenu_page'))
    {
		//$parent, $page_title, $menu_title, $access_level, $file, $function = ''
		add_submenu_page('edit.php','My Posts','My posts', 1, 'edit.php?post_type=post&author='.get_current_user_id());
    }
}

You can copy-paste above code in your theme functions.php file and it will show a new sub menu in posts ectin as My posts. Multi user blog users can get easily link for his/her posts.

it’s just a easy way to make personal posts link for any user have access at leas contributor. Access level 1 belongs to contributor..

thank you

This tip is for wordpress3.0+, don’t  know what to do for lower version.  The thing is when wordpress takes the site maintenace mode it creates a file in the site root dir named .maintenance  and when done remove that…

So, now you know what to do if u are stuck in maintenance mode. I wish I am going to sleep well tonight.

note: check the dicussion in wordpress forum about this issue.

btw, let me show you a sample screenshot about how the error msg look for upgrade failure

Features

• iframe method
• auto detect ie(internet explorer), because sometimes it’s make problem for ie and option to use as iframe only for ie !
• jquery based document ready facebook load ! Not clear ? see bellow

One thing to note that I used a way to load the facebook js script after loading jquery as normally in wordpress site front end we use jquery and many plugin uses this… so we can take that jquery is using default. So I loaded the fb js using wp_enqueue function and then called the fb init function after the document is loaded using jquery dom ready function … It’s just an experiment about slow loading of facebook fanbox widget in wordpress

Download

If you just download with no comment and no recommendation to others, then I am planning to hate you
Man at least share in social network and give me traffic so that I can have more money from ads

Good morning. It’s just morning after working whole night and I am feeling too hungry

Code Example

	function widget( $args, $instance ) {
		extract( $args );
                 global $is_lynx, $is_gecko, $is_IE, $is_opera, $is_NS4, $is_safari, $is_chrome, $is_iphone;
		/* Our variables from the widget settings. */
		$title          = apply_filters('widget_title', $instance['title'] );
		$profileid      = $instance['profileid']; //name or profile id , not both
		$apikey         = isset( $instance['apikey'])? $instance['apikey'] : '';
                $stream         = isset( $instance['stream'] ) ? $instance['stream'] : 0;
                $connections    = isset( $instance['connections'] )? (($instance['connections'] > 100)? 100: intval($instance['connections'])): 10; //Specifying 0 hides the list of fans in the Fan Box. You cannot display more than 100 fans. (Default value is 10 connections.)
                $width          = isset( $instance['width'] )? (($instance['width'] < 200)? 200: intval($instance['width'])): 300; // at least 200 pixels wide at minimum. (Default value is 300 pixels.)
                $height         = isset( $instance['height'] )? $instance['height']: 554;
                $css            = isset( $instance['css']) ? $instace['css']:'';
                $logobar        = isset( $instance['logobar'] ) ? $instance['logobar'] : 1;
                $iframe         = isset( $instance['iframe'])? $instance['iframe'] : 0;
                $locale         = isset( $instance['locale'])? $instance['locale']: 'en_US';
                $iframeie       = isset( $instance['iframeie'] ) ? $instance['iframeie'] : 1; // use iframe for ie , auto detect
                $usejquery     = isset( $instance['usejquery'] ) ? $instance['usejquery'] : 1;
		/* Before widget (defined by themes). */
                //var_dump($iframe);
		echo $before_widget;

		/* Display the widget title if one was input (before and after defined by themes). */
		if ( $title )
                {
                    echo $before_title . $title . $after_title;
                }

                if(($is_IE && $iframeie) || $iframe || $apikey == '')
                {
                    //echo 'yes';
                    echo '<iframe scrolling="no" frameborder="0" src="http://www.facebook.com/connect/connect.php?id='.$profileid.'&amp;stream='.$stream.'&amp;connections='.$connections.'&amp;logobar='.$logo.'&amp;css='.$css.'?'.mktime().'" style="border: none; width: '.$width.'px; height:'.$height.'px;">&nbsp;</iframe>';
                }
                else
                {
                    if($usejquery)
                    {
                        wp_enqueue_script('fbjs', 'http://static.ak.connect.facebook.com/connect.php/en_US', array('jquery'), null);
                        echo '<fb:fan profile_id="'.$profileid.'" width="'.$width.'" connections="'.$connections.'" stream="'.$stream.'" header="'.$logobar.'"></fb:fan>';
                        echo '<script type="text/javascript">jQuery(document).ready(function() {
                                FB.init("'.$apikey.'");
                                });</script>';
                    }
                    else
                    {
                            echo '<script type="text/javascript" src="http://static.ak.connect.facebook.com/connect.php/en_US"></script>';
                            echo '<script type="text/javascript"> FB.init("'.$apikey.'"); </script>';
                    }
                }                             

		/* After widget (defined by themes). */
		echo $after_widget;
	}

• Adding joomla native modal to frontend
• Using wordpress native thickbox
• জুমলাতে নেটিভ টুলটিপ এর ব্যবহার
• Home made tab and slider module for joomla1.5

Ok then let’s move for how we can use the main menu module as ‘top to bottom‘ drop down menu like the joomla admin panel top menu. we will work on default template of joomla1.5

Adding javascript file

Create a new folder named js in default template like this templates\rhuk_milkyway\js

Now copy two js files from admin default template from this location administrator\templates\khepri\js or you can just copy the js folder from admin default template khepri to front end default template rukh_milkway. That’s it. Btw, pls check you copied at least two files named menu.js and index.js. Now add the follow two lines in index.php file of default template before </head> tag like bellow

<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/menu.js"></script>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/index.js"></script>
</head>

Adding CSS or style code

Open template.css file from your default template css folder i.e., templates\rhuk_milkyway\css and put this bellow css code at last or somewhere.

#menu, #menu ul, #menu li { margin: 0; padding: 0; border: 0 none; }

#menu       { position:relative; z-index: 100;}
#menu li    { float:left;  position:relative; list-style: none; display: inline;}
#menu li a  { display:block; white-space: nowrap;  }
#menu li li { /*width: 100%;*/ clear: both;  /*FF 1.0.7 needs this */  }
#menu li ul { visibility: hidden; position:absolute; }

#menu li li ul {  top: 0; left: 0; }

#menu li.hover ul               {  visibility: visible; }
#menu li.hover ul li ul 		  {  visibility: hidden;  }
#menu li.hover li.hover ul      {  visibility: visible;  left: 100%; }

/* ---- Menu layout -------------------------- */

#menu li {
	border-left: 1px solid #fff;
	border-right: 1px solid #d8d8d8;
}
#menu li li { border: 0;}

#menu ul    { border: 0.1em solid #ccc; background: #f6f6f6 url(../images/bg-menu.gif) repeat-y left;}
#menu ul li.node { background: transparent url(../images/j_arrow.png) no-repeat right 50%; }
#menu ul li.separator { background: #DDE1E6 url(../images/bg-menu.gif);  height: 1px;  }

#menu a, #menu div {
	padding: 0.35em 1em 0.35em;
	margin: 0 1px 0 1px;
	color: #333333;
	line-height: 1.6em; vertical-align: middle;
	font-size: 11px; font-weight: bold; text-decoration: none;
	cursor: default;
	background-repeat: no-repeat; background-position: left 50%
}

#menu li.disabled a { color: gray; }

#menu ul a {
	font-size: 11px;
	font-weight: normal;
	padding-left: 25px;
	padding-right: 20px;
	line-height: 1.2em;
}

/* 1 level - hover */
#menu li.hover a {  background-color: #E7EDDF; border-left: 1px solid #6D9D2E;  border-right:1px solid #6D9D2E; margin: 0; }
/* 2 level - normal */
#menu li.hover li a { background-color: transparent; border: 0 none;   margin: 2px;  }
/* 2 level - hover */
#menu li.hover li.hover a { background-color: #E7EDDF; border: 1px solid #6D9D2E;  margin: 1px;   }
/* 3 level - normal */
#menu li.hover li.hover li a { background-color: transparent; border: 0 none;   margin: 2px;  }
/* 3 level - hover */
#menu li.hover li.hover li a:hover { background-color: #E7EDDF; border: 1px solid #6D9D2E;  margin: 1px;  }

/* submenu styling */
#submenu {
	list-style: none;
	padding: 0;
	margin: 0;
}

#submenu li {
	float: left;
	padding: 0;
	margin: 0;
}

#submenu li a,
#submenu span.nolink {
	cursor: pointer;
	padding: 0px 15px;
	border-right: 1px solid #ccc;
	font-weight: bold;
	color: #0B55C4;
	line-height: 12px;
	height: 12px;
}

#submenu span.nolink {
	color: #999;
}

#submenu a.active,
#submenu span.nolink.active {
	color: #000;
	text-decoration: underline;
}

I collected this css code from admin template khepri template css file. So we are still using the native resources

Configure Menu module

If you are using default template then the topmenu is published in user3 position . So go to module manager and find tehe module for top menu published in user3 position and set configuration like bellow screenshots.

Menu module configuration

Changing template code to accomodate for our new style top menu

In your rukh_milkway default template open the index.php file fine a line near this html code <div id=”tabarea”> . Sorry I can not give line number exactly now as I changed my default template many times Here is the code used in defailt templte and I make the comment except the module include line.

<!--div id="tabarea">
	<div id="tabarea_l">
		<div id="tabarea_r">
			<div id="tabmenu">
			<table cellpadding="0" cellspacing="0" class="pill">
				<tr>
					<td class="pill_l">&nbsp;</td>
					<td class="pill_m">
					<div id="pillmenu"-->
						<jdoc:include type="modules" name="user3" />
					<!--/div>
					</td>
					<td class="pill_r">&nbsp;</td>
				</tr>
				</table>
			</div>
		</div>
	</div>
</div-->

You can use a simple line for the replacement of the above codes and fix your css as u need like this

<div class="topmenu">
   <jdoc:include type="modules" name="user3" />
</div>

Hei, we are about to done

Changing a core file of main menu module

Yes I am not happy any more at this point as we going to change a line in a core file but what to say … if we want to do something great we can do a little hack to core and shout like “hei ! I don’t care to hack core if I need ”
I am sorry I just forgot that we can ovverride the view part of any module and will do this now. Just check if there is any folder in your template named “html”, if not then create one. now created a folder in it named “mod_mainmenu” and then copy modules\mod_mainmenu\tmpl\default.php and modules\mod_mainmenu\tmpl\index.html file from this location and paste in the new created folder mod_mainmenu ie, template\{yourtempalte folder}\html\mod_mainmenu

and now
open file modules\mod_mainmenu\tmpl\template\{yourtempalte folder}\html\mod_mainmenu\default.php and look for near line 36 and change this line to

	if (($node->name() == 'li') && isset($node->ul)) {
		$node->addAttribute('class', 'node parent');
	}

Pls notice that I added an extra class name ‘node’ in 2nd line. that what we need exactly to use the core css file and js.

Here is another screenshot of the top menu that we just made.

joomla native drop down menu2

কিভাবে ফ্রন্ট এন্ডে টুলটিপ ফিচার যুক্ত করবেনঃ
টুলটিপ ফিচার যুক্ত করার জন্য আপনাকে প্রথম টেমপ্লেটের ইন্ডেক্স ফাইল(index.php) এ একটি লাইন যুক্ত করতে হবে। যদি আপনি ডিফল্ট টেমপ্লেট ব্যবহার করেন তাহলে rhuk_milkyway হচ্ছে আপনার টেমপ্লেট এর নাম, এর ভেতর index.php ফাইলটি ওপেন করুন কোন এডিটরে, এখন হেড ট্যাগ() এর আগে

</head>

নিচের লাইনটি বসিয়ে দিনঃ

<?php
JHTML::_('behavior.tooltip');
?>

উপরের কোড টুকু যা করবে তা হলো কিছু জাভা স্ক্রিপ্ট এর কোড তৈরি করে দেবে যা আপনাকে টুলটিপ যুক্ত করতে সাহায্য করবে।

<script type="text/javascript">
    window.addEvent('domready', function(){
       var JTooltips = new Tips($$('.hasTip'),
       { maxTitleChars: 50, fixed: false});
    });
</script>

কন্টেন্ট এর ভেতর বা কিভাবে টুলটিপ এর টিপ যুক্ত করতে হবেঃ
ধরুন এখন এডমিন প্যানেল থেকে একটি আর্টিকেলে আমি লিখছি এমন একটি লাইন
আমি আমাদের প্রযুক্তি ফোরামে এখন একটি টিউটোরিয়াল লিখছি।
এখানে আমি চাই “আমাদের প্রযুক্তি” শব্দবলীর উপর মাউস নিলে টিপ দেখাবে। এটা করার জন্য নিচের মতো লিখতে হবে।

আমি <span title="আমাদের প্রযুক্তি ফোরাম:: আমাদের প্রযুক্তি বিজ্ঞান ও প্রযুক্তি বিষয়ক একটি ইউনিকোড কম্পেটিবল বাংলা ফোরাম " class="hasTip">আমাদের প্রযুক্তি</span> ফোরামে এখন একটি টিউটোরিয়াল লিখছি।

এখানে প্রথমে

<span>আমাদের প্রযুক্তি</span>[/quote]
এরপর স্প্যান ট্যাগে এ টাইটেলে আমি বিশেষ ভাবে কিছু লিখেছি, এই টাইটেল ফ্রন্ট এন্ডে থাকবে না যা আসলে টুলটিপে পরিবর্তিত হবে। এখন খেয়াল করুন আমি ব্যবহার করেছি ::   এই রকম একটা সেপারেটর। এখানে :: এর আগের অংশ হবে টাইটেল আর ::  এর পরের অংশ হবে বর্ণনা।
[code='html']<span title="আমাদের প্রযুক্তি ফোরাম:: আমাদের প্রযুক্তি বিজ্ঞান ও প্রযুক্তি বিষয়ক একটি ইউনিকোড কম্পেটিবল বাংলা ফোরাম " >আমাদের প্রযুক্তি</span>[/quote]
তারপর
[code='html']<span title="আমাদের প্রযুক্তি ফোরাম:: আমাদের প্রযুক্তি বিজ্ঞান ও প্রযুক্তি বিষয়ক একটি ইউনিকোড কম্পেটিবল বাংলা ফোরাম " class="hasTip">আমাদের প্রযুক্তি</span>[/quote]
এখন যা করেছি স্প্যান ট্যাগে বসিয়ে দিয়েছি একটা ক্লাস নামে "hasTip", 

তাহলে পুরা লাইন হবে নিচের মতোঃ

[code ='html']
আমি <span title="আমাদের প্রযুক্তি ফোরাম:: আমাদের প্রযুক্তি বিজ্ঞান ও প্রযুক্তি বিষয়ক একটি ইউনিকোড কম্পেটিবল বাংলা ফোরাম " class="hasTip">আমাদের প্রযুক্তি</span> ফোরামে এখন একটি টিউটোরিয়াল লিখছি।

এখন যদি আপনি আর্টিকেলটা ফ্রন্ট এন্ডে দেখেন তাহলে নিচের ছবির মতো দেখাবে যদি "আমাদের প্রযুক্তি" লেখার উপর মাউস ধরেন।

সব কিছু ঠিক ঠাক মতো হবার জন্য আপনাকে আরো একটা জিনিস চেক করতে হবে আর তা হলো টেমপ্লেট এর template.css ফাইলে এ নিচের মতো করে css কোড যদি না থাকে তাহলে বসিয়ে দিতে হবে।

/* Tooltips */
.tool-tip {
   float: left;
   background: #ffc;
	border: 1px solid #D4D5AA;
   padding: 5px;
   max-width: 200px;
}

.tool-title {
   padding: 0;
   margin: 0;
   font-size: 100%;
   font-weight: bold;
   margin-top: -15px;
   padding-top: 15px;
   padding-bottom: 5px;
   background: url(../images/selector-arrow.png) no-repeat;
}

.tool-text {
   font-size: 100%;
   margin: 0;
}

আর templates\system\images এই লোকেশন থেকে selector-arrow.png এই নামের ফাইলটা কপি করে আপনার টেমপ্লেট এর ইমেজ(templates\rhuk_milkyway\images) ফোল্ডারে পেস্ট করতে হবে। চাইলে কাস্টম টেমপ্লেটে একই ভাবে টুলটিপ যুক্ত করা যাবে।

আগামী পর্বে এটার আরো এডভান্সড ফিচার নিয়ে আলোচনা করবো।

মাঝে মাঝে ভাবি দেওয়ালটি জবরদস্তি করে ভেঙ্গে ফেলি কিংবা
এতো দূরে পালিয়ে যায় যেখান থেকে আমি চাইলেও এই দেওয়ালের কাছে আসতে পারবো না … হে হে

ধরে নিলাম, আমি দেওয়াল ভেঙ্গে ফেলেছি কিন্তু
এইযে এতো বছর ধরে মনের ভেতর আর এক বিশাল দেওয়াল তৈরি হয়েছি সেটার কি হবে ?

ভাবছো আমি নিরাশাবাদী … হে হে না ঠিক তেমনটি নয়, আমি জানি আমি একদিন এই মনের দেওয়ালও ভেঙে ফেলবো, তারপর ?
দেওয়ালের ওপাশে যা আশা করেছিলাম তা থাকবেতো, নাকি সবই ফাঁকি।।

ভাবছি দেওয়ালের প্রতিপালককে ধমক দিয়ে বলি,
ফাজলামি পাইছো, ইচ্ছা হইলো আর দেওয়াল তুলে মজা দেখো না ?
———————————————————————————-
২৫.০৪.২০১০
উৎসর্গঃ একটি অদৃশ্য দেওয়াল এবং তার প্রতিপালককে