PDA

View Full Version : Blog အတြက္ Flash ထည့္မရလုိ႔ပါ။



ေမာင္ေလေျပေလး
03-06-2010, 08:57 AM
ကၽြန္ေတာ့္ဘေလာ့မွာ Flash Header ထည့္မရလုိ႔ပါ။
အဲဒါ ညီအစ္ကိုေမာင္ႏွစ္မမ်ားအားလုံးပဲ ကူညီၿပီးထည့္ေပးၾကပါဦးလို႔။
ကၽြန္ေတာ္ Swf ဖုိင္ကို www.ripway.com မွာ upload တင္ထားပါတယ္။
နည္းမ်ိဳးစုံနဲ႔ကိုတင္ထားၿပီးပါၿပီ။ လုံး၀မရလို႔ပါ။
HTML ကုဒ္အကုန္လုံးကို ေကာ္ပီကူးၿပီးထည့္ေပးလိုက္ပါတယ္ခင္ဗ်ာ။

ဒါကၽြန္ေတာ့္ရဲ႕ HTML ကုဒ္ေတြပါခင္ဗ်ာ။


<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<b:skin><![CDATA[


/*-----------------------------------------------

Name : ProTheme
Designer : AskerAkbar
URL : www.BloggerThemes.net

ProTheme blogger theme comes under a Creative Commons license.
They are free of charge to use as a theme for your blog and
you can make changes to the templates to suit your needs.
but please you must keep the footer credit links intact which
provides credit to its authors.

-----------------------------------------------*/

#navbar-iframe {
height:0;
visibility:hidden;
display:none;
}

* {
margin:0;
padding:0;
}

body {
background:#216faa;
background-repeat:repeat-x;
background-position:top center;
color:#333333;
}

a:link {
color:#333;
text-decoration:none;
}

a:hover {
color:#000;
text-decoration:underline;
}

a:visited {
color:#333;
text-decoration:none;
}

a img {
border-width:0;
}

#header-wrapper {
width:980px;
background:url(http://lh3.ggpht.com/_Kwwy9VyLMKw/S37CUsQ2sjI/AAAAAAAAC08/4kZ_4pwuKzo/s912/header_bg.jpg);
background-repeat:no-repeat;
height:193px;
}

#header-inner {
background-position:center;
margin-left:auto;
margin-right:auto;
}

#header {
padding:60px 0 0 20px;
font-variant:small-caps;
font-weight:regular;
color:#FFF;
}

#header h1 {
font-family:Arial;
margin:0;
font-size:36px;
font-weight:lighter;
}

#header h1 a {
color:#FFF;
}

#header a:hover {
text-decoration:none;
}

#header .description {
text-align:left;
margin:0;
font-size:18px;
}

#header img {
margin-left:auto;
margin-right:auto;
}

#outer-wrapper {
width:975px;
margin:0 auto;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

#content-wrapper {
background:url(http://lh3.ggpht.com/_Kwwy9VyLMKw/S37SvSGDEtI/AAAAAAAAC1E/-wv_oEVF-OE/content_bg.jpg);
background-repeat:repeat-y;
padding-bottom:40px;
padding-top:20px;
}

#main-wrapper {
width:635px;
float:left;
word-wrap:break-word;
padding-top:20px;
overflow:hidden;
}

#sidebar-wrapper {
width:305px;
float:right;
word-wrap:break-word;
overflow:hidden;
}

ul.topnav {
list-style:none;
padding:0;
margin:0;
float:left;
width:975px;
background:url(http://lh5.ggpht.com/_Kwwy9VyLMKw/S37BnjOI7wI/AAAAAAAAC00/Ao0ifp6Pt58/nav_bg.jpg);
height:38px;
font-size:11px;
text-transform:uppercase;
}

ul.topnav li {
float:left;
margin:0;
padding:5px 0 0 20px;
}

ul.topnav li a {
margin-top:2px;
display:block;
text-decoration:none;
float:left;
padding:5px 10px;
color:#FFF;
background:#216FAA;
-moz-border-radius:8px;
-khtml-border-radius:8px;
-webkit-border-radius:8px;
border:1px solid #499DDD;
}

ul.topnav li a:hover {
text-decoration:none;
}

h2.date-header {
color:#A5A5A5;
font-size:10px;
margin-left:20px;
}

.post {
width:580px;
margin-left:20px;
margin-top:5px;
padding-bottom:40px;
}

.post h3 {
font-family:"Myriad Pro", Helvetica, Arial, sans-serif;
font-weight:bold;
font-size:28px;
color:#333;
font-weight:lighter;
margin-bottom:8px;
}

.post h3 a,.post h3 a:visited,.post h3 strong {
display:block;
color:#333;
}

.post h3 strong,.post h3 a:hover {
text-decoration:none;
color:#000;
}

.post-header-line-1 {
margin:0 0 15px;
color:#a2a2a2;
font-size:11.5px;
}

.post-header-line-1 a {
color:#a2a2a2;
}

.post-header-line-1 a:hover {
color:#000;
}

.post-labels {
margin:0 10px;
}

.post-body {
margin-top:20px;
line-height:20px;
font-size:13px;
color:#333;
}
<b:if cond=’data:post.hasJumpLink’>
<div class=’jump-link’>
<a expr:href=’data:post.url + “#more”‘><data:post.jumpText/></a>
</div>
</b:if >

.post-body a {
color:#00AAFF;
}

.jump-link {
margin-top:30px;
}

.jump-link a {
padding:5px 10px;
color:#FFF;
background:#216FAA;
-moz-border-radius:8px;
-khtml-border-radius:8px;
-webkit-border-radius:8px;
border:1px solid #499DDD;
}

.jump-link a:hover {
background:#469BDC;
text-decoration:none;
}

.post img {
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
background:#F1F1F1;
border:1px solid #E3E3E3;
margin:10px;
padding:5px;
}

.post blockquote {
margin:1em 20px;
font-style:italic;
border-left:5px solid #EBEBEB;
padding-left:20px;
}

.post blockquote p {
margin:.75em 0;
}

.bookmark {
border-top:1px solid #EBEBEB;
border-bottom:1px solid #EBEBEB;
margin-left:20px;
padding:10px 0 5px 20px;
width:460px;
background:#FCFCFC;
}

.bookmark ul {
padding:0;
margin:0;
display:inline;
}

.post ul {
list-style-type:disc;
list-style-position:inside;
}

.post ol {
list-style-position:inside;
}

.bookmark ul li {
width:32px;
height:32px;
display:inline;
padding-right:10px;
list-style-type:none;
}

.bookmark_line img {
border:0;
}

#comments {
padding-left:20px;
padding-right:18px;
width:460px;
}

#comments h4 {
font-size:13px;
margin-top:10px;
padding-top:20px;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
padding-left:20px;
}

#comments-block .comment-author {
margin:.5em 0;
margin-top:25px;
}

#comments-block .comment-body {
margin:.25em 0 0;
}

#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height:1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}

#comments-block .comment-body p {
margin:0 0 .75em;
}

.deleted-comment {
font-style:italic;
color:gray;
}

#blog-pager-newer-link {
float:left;
}

#blog-pager-older-link {
float:right;
}

#blog-pager {
text-align:center;
}

#blog-pager a {
margin:0 25px;
}

.feed-links {
clear:both;
padding-left:20px;
margin:40px 0 10px 25px;
background:url(http://2.bp.blogspot.com/_0vKyxg80gxY/Sv3-NZeB8bI/AAAAAAAAAg0/M0rEquNi0oc/s1600/ico_feed.png) no-repeat 0 50%;
}

.ads {
margin-top:15px;
padding:0;
overflow:hidden;
}

.ads img {
float:left;
margin:0;
padding:0 0 15px 18px;
}

#search-box {
height:50px;
width:300px;
float:right;
border-bottom:0;
margin:0;
padding:0;
}

/*search
-----------------------------------------------------------------------------------*/
#s {
height:21px;
-moz-border-radius:10px;
-khtml-border-radius:10px;
-webkit-border-radius:10px;
border:1px solid #F1F1F1;
background:#FFF;
width:207px;
margin-top:10px;
float:left;
padding-top:5px;
padding-left:10px;
margin-left:13px;
}

#s:hover {
border:1px solid #E1E1E1;
}

#searchsubmit {
float:left;
padding:0;
margin-top:10px;
}

.sidebar h2 {
color:#262626;
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
height:32px;
line-height:32px;
padding:0 0 0 20px;
}

.sidebar {
color:#717476;
line-height:1.5em;
font-size:11.97px;
}

.sidebar ul {
list-style:none;
}

.sidebar li {
border-bottom:1px solid #EEEEEE;
line-height:1.7em;
padding:7px 15px 7px 20px;
font-family:Verdana,Arial,Helvetica,sans-serif;
}

#BlogArchive1 .widget-content {
margin-left:20px;
}

.sidebar .widget-content {
}

.sidebar .widget {
margin:10px 0 20px;
}

.main .Blog {
}

.sidebar a {
color:#717476;
}

.profile-img {
float:left;
margin-top:0;
margin-right:5px;
margin-bottom:5px;
margin-left:0;
padding:4px;
border:1px solid #cccccc;
}

.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font:normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color:#999999;
font-weight:700;
line-height:1.6em;
}

.profile-datablock {
margin:.5em 0;
}

.profile-textblock {
margin:.5em 0;
line-height:1.6em;
}

.profile-link {
font:normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
}

#footer-wrapper {
width:939px;
overflow:hidden;
clear:both;
background:#131313;
border:1px solid #1A1A1A;
border-top:5px solid #1A1A1A;
font-family:Arial;
padding-top:25px;
padding-bottom:25px;
}

.footer h2 {
font-size:12px;
padding-left:40px!important;
padding-left:0;
color:#BCBCBC;
text-transform:uppercase;
}

.footer .widget {
width:200px;
float:left;
margin:0;
padding:0;
font-size:13px;
}

.footer li {
list-style:none;
line-height:1.4em;
}

.footer li a {
color:#666;
text-decoration:none;
}

.footer li a:hover {
color:#CCC;
text-decoration:underline;
}

#credits {
color:#000;
clear:both;
width:975px;
height:25px;
font-size:12px;
text-transform:uppercase;
background:#469BDC;
padding-top:10px;
}

#credits_left {
float:left;
padding-left:25px;
}

#credits_right {
float:right;
padding-right:20px;
}

#credits a {
color:#FFF;
}

#credits a:hover {
text-decoration:underline;
}


]]></b:skin>
<link href='http://bigpic.info/air/statusicon/thread_hot-30.png' rel='shortcut icon' type='image/x-icon'/>
</head>

<body>
<div id='outer-wrapper'><div id='wrap2'>

<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='ေလေျပေလးရဲ႕ဒုိင္ယာရီ (ျပဳျပင္ဆဲျဖစ္ပါသည္) (Header)' type='Header'/>
</b:section>
</div>


<ul class='topnav'>
<li><a class='home' expr:href='data:blog.homepageUrl'>
Home</a></li>
<li><a href='http://www.myanmargenius.com/' title='Myanmar genius'>Myanmar Genius</a></li>
<li><a href='http://wikimyanmar.co.cc/' title='Myanmar Wiki'>ျမန္မာ၀ီကီ</a></li>
<li><a href='http://breezes.isgreat.org/' title='My Old Site'>ကၽြန္ေတာ့္ဆုိဒ္အေဟာင္း</a></li>

</ul>


<div class='clear'/>

<div id='content-wrapper'>

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'>
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'/>
</b:section>
</div>

<div id='main-wrapper'>

<div id='slider'>
</div>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
<b:widget id='HTML3' locked='false' title='' type='HTML'/>
</b:section>
</div>

<div id='sidebar-wrapper'>

<div id='search-box'>
<form action='/search' method='get'>
<input class='searchtext' id='s' name='q' type='text' value=''/>
<input alt='Search' id='searchsubmit' src='http://i49.tinypic.com/2mfhjck.jpg' type='image' value=''/>
</form>
</div>

<div class='clear'/>

<div class='ads'>

<a href='#'><img alt='' src='http://i664.photobucket.com/albums/vv1/shwepoekaungs/UThant.jpg'/></a>
<a href='#'><img alt='' src='http://i664.photobucket.com/albums/vv1/shwepoekaungs/ThanHtun.jpg'/></a>
<a href='#'><img alt='' src='http://i664.photobucket.com/albums/vv1/shwepoekaungs/devil128x128.gif'/></a>
<a href='#'><img alt='' src='http://i664.photobucket.com/albums/vv1/shwepoekaungs/wiki.jpg'/></a>


</div>

<div class='clear'/>

<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Gadget1' locked='false' title='Daily Calendar' type='Gadget'/>
<b:widget id='HTML4' locked='false' title='လူႀကီးမင္းေဆြးေႏြးပါ' type='HTML'/>
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='HTML5' locked='false' title='Total Visitors' type='HTML'/>
<b:widget id='HTML2' locked='false' title='Total Post & Comment' type='HTML'/>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
<b:widget id='Feed3' locked='false' title='Myanmar Online Encyclopedia - လတ္တေလာအေျပာင္းအလဲမ်ား [my]' type='Feed'/>
<b:widget id='Feed1' locked='false' title='MMGenius Blog Service' type='Feed'/>
<b:widget id='Feed2' locked='false' title='ေလေျပေလးရဲ႕ဒုိင္ယာရီ' type='Feed'/>
<b:widget id='Feed4' locked='false' title='Manawthar' type='Feed'/>
</b:section>
</div>

<!-- spacer for skins that want sidebar and main to be the same height-->

<div class='clear'> </div>

</div> <!-- end content-wrapper -->

<!--
ProTheme blogger theme comes under a Creative Commons license.
They are free of charge to use as a theme for your blog and
you can make changes to the templates to suit your needs.
and please you must keep the footer credit links intact which
provides credit to its authors.
-->

<div id='credits'>
<div id='credits_left'>
Copyright © <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>
</div>
<div id='credits_right'>
<a href='wwww.breezediary.net'>ေလေျပေလးရဲ႕ဒိုင္ယာရီ</a>
</div>
</div>

</div></div> <!-- end outer-wrapper -->
</body>
</html>


ဘယ္နားမွာထည့္ရမလဲ လမ္းညႊန္ျပသေပးၾကပါဦးခင္ဗ်ာ။

ဒါကေတာ့ ကၽြန္ေတာ့္ header ရဲ႕ လင့္ပါခင္ဗ်ာ။


http://h1.ripway.com/shwepoekaungs/breezediary.swf




ေလေျပေလး

တာယာ
03-08-2010, 06:24 AM
ပထမဆံုး ျပင္ရမယ္႔ အပိုင္းကို ေျပာပါမယ္ -

- swf ဖိုင္ ကို height='192' နဲ႔ width='912' အရင္ ေျပာင္းလုပ္လိုက္ပါ။
- လုပ္ျပီးသြားရင္ အဲဒီ swf file ကို ripway မွာပဲ Upload တင္လုိက္..။
- ရလာတဲ႔ URL ကို ေအာက္က ေပးထားတဲ႔ ကုဒ္ထဲမွာ အစားထိုး ..။


<embed HEIGHT='192' WIDTH='912' pluginspage='http://www.macromedia.com/go/getflashplayer' quality='high' src=' URL swf file ' type='application/x-shockwave-flash' wmode='transparent'/>

ကုဒ္ထည္႔ရမယ္႔ အပိုင္းက -

- Blogger => Edi Html=> Expand Widget Templates ကုိ Check ေပးလုိက္ပါ။
- <div id='header-inner'> ကို ရွာလိုက္ပါ ။ ၂ ခုေတြ႔ရင္ <!--Show just the image, no text--> ရဲ႕ ေအာက္က ကုဒ္ျဖစ္မယ္ ..။

သူ႔မူရင္း ကုဒ္က ဒီလို ရွိေနမယ္ -


http://i49.tinypic.com/2ykyxbb.png

မူရင္းကုဒ္ အနီေရာင္၀ိုင္းထားတဲ႔ ကုဒ္ေတြေနရာမွာ အေပၚက Embed Code ကို အစားထိုးလိုက္ပါ ။ ဒီလို ျဖစ္သြားမယ္ ---


http://i49.tinypic.com/2ajuw54.png

ျပီးသြားရင္ Template ကို Save လိုက္ပါ ...။

--------------------------------

ေနာက္တဆင္႔ လုပ္ရမွာက -

- Blogger = > Layout ကို သြားလိုက္ပါ ။
- အေပၚဆံုး Header Section ကို Edit လုပ္လိုက္ပါ ။
- http://i50.tinypic.com/2uiu71l.jpg ကို Browser မွာ ဖြင္႔ျပီး ပံုကို Save ထားလိုက္ပါ ..။
- Header ကို Edit လုပ္ထားတဲ႔ေနရာမွာ Browse ကေန save ထားတဲ႔ image ကို Location ေပးလိုက္ပါ။


http://i50.tinypic.com/2ylkcgn.png

- Placement မွာ Instead of title and description ကို ေပးဖို႔ကေတာ႔ အေရးၾကီးပါတယ္ ..။


http://i46.tinypic.com/5dtpqp.png

အားလံုးျပီးသြားရင္ေတာ႔ Save လိုက္ပါ ..။ Preview ၾကည္႔ ... ။ အဆင္မေျပေတာ႔ ထပ္ေဆြးေႏြးၾကည္႔တာေပါ႔ :P

တာယာ

ေမာင္ေလေျပေလး
03-08-2010, 10:25 AM
ေက်းဇူးတစ္ပုံတစ္ေခါင္းႀကီးတင္ပါတယ္။ ကိုကိုတာယာ။ ;) ;) ;)
ကၽြန္ေတာ္လဲ ေတာ္ေတာ္ေလးကို လုိက္ကလိၿပီးၿပီ။ လက္လြန္ကုန္တာနဲ႔ ဘာမွမလုပ္ပဲထားထားတာ။ :e :e
အခုေတာ့ အဆင္ေျပသြားပါၿပီ။
ေနာက္လဲကူညီႏိုင္ပါေစဗ်ာ။


ေလးစားခင္မင္လွ်က္

ေလေျပေလး


(ကၽြန္ေတာ္သည္ ေယာက်ၤားေလးျဖစ္ပါသည္။) M; M; M;

ေနမင္းေသြး
03-08-2010, 12:58 PM
ေက်းဇူးကုိ တစ္ပုံ တစ္ေခါင္းမကဘူး.............

တျပြတ္ျကိး တင္တယ္ဗ်ာ.................