如何將文章加入"展開/隱藏"功能
分成三步驟....
1. 將
.posthidden {display:none}
.postshown {display:inline}
加入<style> and </style>中
2. 再將
<script type="text/Javascript">
function expandcollapse (postid) {
whichpost = document.getElementById(postid);
if (whichpost.className=="postshown") {
whichpost.className="posthidden";
}
else {
whichpost.className="postshown";
}
}
</script>
加入<head></head>中間
3. 重點來了
找<$BlogItemBody$>這一串字 他會在<Blogger></Blogger>段落裡
<BlogItemTitle> <$BlogItemTitle$> </BlogItemTitle> <<<<顯示文章標題
<span class="posthidden" id="<$BlogItemNumber$>1"> <<<<加入此行
<$BlogItemBody$><br /> <<<<本來文章的內文 被加入的東西包起來
</span> <<<<加入以下三行
<a href="javascript:expandcollapse('<$BlogItemNumber$>1')">
[+/-] show/hide this post</a>
完成
22 Comments:
VIO �ڷQ�ݤ@�U �Ĥ@�M�ĤG�ӨB�J�ڬO�S���D��!!
���D�N�O�ĤT�ӨB�J���٬O�d��4 (��_�����M���@�I�O? �P�E����!!!)
�ڦb�ڪ��t�@�ӳ����榳�j���Ҧ�����show/hide post����
http://petersky.blog-city.com/
�]���ګܦ��N���[�F Post a Comment ���{�� (�A��ڤ峹�U���� Comment �N���D�F) ���t�@���ڰ��⻡ show/hide post �� Post a Comment �O�ۨR�� (�]���o��ӵ{���Pı�ܦh�a��t���h) �ӥB�ڥh�F�ܦh�� show/hide post�������� �L�̪��T�S���[�� Post a Comment �u�O���� �]���U���U���n�B ��O�Pı show/hide post �n�����n....
�L���c�O�o�� <XXX> �᭱�|���@��</XXX>
�Ӱ�����
���c�i�H���O�A���@�˥]�_��
�j���i�H�]�n�X�Ӥp�� �p���i�H�A�]��p��
�Vblogger�o�ӵ��c �̭��N�]�t�F���Dtitle
����itemboddy �M��y commant
��Blogger��
��Blogtitle��(�Ψ���ܼ��D��)
��/Blogtitle��
��$BlogItemBody$��(��ܥ���)
....
��/Blogger��
�ҥH�N�⻡��
Blogitembody�e�᪺�{���X�[�i�h
�ӥB�n�⥿��]�_�� �o�N�O���g����j�դ��B
�o��4�F��
�o�˥L�N�|�h�I�s�e���[�J��Javascript�F
�N�O�n�����@�q��blogitembody�]�_��
�ҥH���c�N�ܦ�
��Blogger��
��title�� (�i�o���F)
��/title��
��spam��
��body��
��spam��
��commant��
��/commant��
��/Blogger��
�ڲש�զ��\�F �u���ܷP�§A
�u�O�p�G�峹�n�w�d�@�ǫe����Ū�̬�
�Ӥ��O������ [+/-] show/hide this post(�峹���������ð_�ӥi��L�k�l��Ū��) �o�Ӥ����A�����ij�O!!
�A���䤣�O���@�۬O�|�S�X�@�Ӥp���峹�ѻ�����
��ı�o�o���٤����
�ܩ�p�G�O�n�u����ܤ@�q����b��W����
�i��N�n�������ܼ�~��F
�i�H�b�峹�̭����@�q�аO
���spam�֨��q��r�]���ɭ�
�|�u���]�峹���аO���q���X��
��O�o�ˤ@�譱�@�A�N�u��q�峹�̭�����r
����t�~�[�B�~������F
�ڥi��S�ߤO�n�n�htry�o�˪��@�k
�p�G�A���\�F�n�i�D�ڳ�
���§A�� �@�A�������n�״I��
VIO �����ڻ��峹�w�d�����r �M��A [+/-] show/hide this post �bhttp://chublogga.blogspot.com/2004/10/adding-showhide-extended-post.html
�w�g���g�X��k�F �u�O�L����k�n�����Ӥ@�� �ڤ��e���չL ���G�����ê���@�� �L�̭�����^��P�y�k ��b�ݱo����ٷ� ���\����N�|���U���o�� blogspot �@�� �u���ܬ��C
http://ooday.blogspot.com/
�L�٦��w�q shortpost �M fullpost �����Aı�o�p��O?
�ڭ��~�o�{ [+/-] show/hide this post ���\��u����峹���� ���L�j��峹�S���ĪG�C!! �������S����k�i�H�ѨM��?? ���n�N�� �·ЧA�o��h���D ���L���o�� show/hide �����D ���T�Z���쪺 �]�Z��Ϊ� �ȱo���Q�@�U!!
�A�����o�ӸѨM��ܴ�
��Osomehow�n���Y�Ӧa�観�p����
�S��k�b�@�i�h���ɭ����å���
�ڤw�g�d���b�@�̺�W
�ݬݯण��ХL0���ѨM�@�U�F
�ܩ�Show/hide�b�L�d峹�W�ڰO�o�O�i�H��
�u�������?
��2004�~12�몺�峹�L�k�]�X [+/-] show/hide this post���ĪG �ӥB�ڵoı�� 2005�~1��̭�����g�峹���M�S��kshow/hide �A�ݧڪ��B�J���g��
�O�u�n�¤峹������
�٬O���@�w �����i�H��������o��
�ոլݥ������spublish?
���! �����i�H ��������C!!
���spublish?? �ӫ��?
�H�K��@�Ӥ���a��
�M���publish entire blog
���ڲĤG�g"�m�^ť�ݳo��"�ڴN�L�k show/hide
���ӧA������k ���H�K��F�@�Ǧa��
�M��A publish�@�M �٬O�@�� �ڦb�Q
�p�G���g�峹�屼�M��A���s��@���峹�����椣��??
�ڦ��ŦA�ոզn�F
vio ��A�Q�װ��D�u���ܦ��N�� ��ڤS�Ǩ줣�֪F�� �P��!!
��� �A���S��msn ��msn�Q�װ_�Ӥ��ήɰ�
���
�ڲש�o�{���D�b���F
��ӧڦۧ@�o��[���
���@�I�I�y�k�W����~
/* ��� */
< ��� >
����������b�Y�Ÿ���~~
���Q���
�����D�o�ӯd�����ण��s�y�@��"������"���\��
�u��Blog�֦��̥i�H�ݨ�
���? vio �A�b���̪���Ѱ�?
�d����? �A�O��Jugepi�٬Oblogger���O?
�p�G�OJugepi�ڥثe�u���ݹL���䪺sidekick��L
���L�o�ӧڤ]���|...http://sidekick.myblog.hk/
blogger�p�G����U���T�u�����Anonymous
���Lindy�w�g�ѨM�o�Ӱ��D�F �L��S��U���H�]�i�H�p�W
���L�o�Ӥ�k�ڤ]�O�դF�n�X�M �@�˥���...
http://indymak.blogspot.com/2005/01/blogger-part-two.html
�ڬݨ�A��show/hide this post���@�ˤF
comment �]���\�F�C!!
show/hide�A�O���諸��? ������{�b�i�H��ܤ峹�w�d���e���O????
CCC �ڬO�ΧA�A���Ѫ�
http://chublogga.blogspot.com/2004/10/adding-showhide-extended-post.html
�令�\�F
�ڦb��template���ɭԷ|��諸�a��[�W���
��p���аO/* �i���峹�Y��code�q��1 */
�o�˪���� �@�譱��ڤ��D��F����
�U�@�H�ᦳ�ɶ��{�u�Ǥ@�U�y�k�N���{������ҷ�Ч�F
���L�ܻ��^�� blogger�o�˪�debug�\��u������F
3�ӥh��@�Ӧw�˦b�ۤv�q����blogger���>�
�̦n�A�[�Wjava��debug�\��
�o�@�g ��blog hack �Ъ����@�˳�
�ĪG�n���h�F
�ܩ�d�������D��
�ڪ��N��O�� ���]�ڭn�D��"�ڷR�A"
�i�O�� �ڤ��n�O�H�ݨ�
�u�����D�ۤv�n�J�ɤ~�i�H�ݨ�
�o�ˤ��O���g��
�A�i�H�g�@�g�оǶ�? �ثe�j���u���A����o��ئP�ɦs�b�Ӥw
�A�u���ӱj�F!!
���g�^��оǪ��گu���ݤ�4�C!!�{�b�ڥ��b��trackback���\�� 3�ӥi�H��^�Яd����n�Τ~�O!!
�оǬO�S���D �@�w�n�� �������O�e��ߦ�
�ڥu�O��L�ΥX�ӦӤw �z3��z�n���ݭn���H
�u�O�n�L�X�ѳ� �L�s�~�i��S�q���i�H��
���u�O�ӷP�§A�F �ڴN�kݧA�o�@�g�оǤF!!
Post a Comment
<< Home