ขับเคลื่อนโดย Blogger.

username และ password แจ้ง Incorrect ใน Windows Live Writer

Written By Aucharaporn Theemcle on วันจันทร์ที่ 21 ธันวาคม พ.ศ. 2558 | 07:45

โปรแกรมโปรด  โปรแกรมเป็นตัวช่วยในการเขียนบทความในเวบบล็อกของดิฉัน  คือ Windows Live Writer ไม่ว่าจะเขียนบล็อกใน wordpress  ,blogger และที่อื่นๆ  ก็มักจะใช้ Windows Live Writer เป็นเครื่องมือทำมาหากินตลอดมา   แต่เมื่อไม่กี่วัน เจอปัญหาแจ้งข้อความ error ว่า The username or password is incorrect  please  try  again .      ซึ่งเป็นการแจ้งให้ทราบว่าบัญชีของ blogger มีปัญหา แต่เช็คแล้วเช็คอีก  มันก็ไม่มีปัญหา    งั้นเป็นไปได้ทางเดียวคือ   เป็นปัญหาที่โปรแกรม Windows Live writer  เมื่อทดสอบใช้งานผ่าน Wordpress กลับปรากฏใช้งานได้  งั้นแสดงว่า  จะมีปัญหาเฉพาะกับ blogger เท่านั้น

fix username and password incorect

 

หลังจาก ค้นหาคำตอบในการแก้ปัญหา   ไม่ว่าจะ setup account ใน google หรือสร้าง code ผ่าน app windows live writer แต่ก็ไม่สามารถใช้งานได้  แต่หลังจากได้ดาวน์โหลดโปรแกรมฟรี  Open Live Writer   มาใช้งาน  พบว่า สามารถใช้งานได้ดี พอ ๆ กับโปรแกรม Windows Live Writer  ฟังก์ชั่นต่างๆ ใช้งานคล้ายกับ สามารถใช้ร่วมกับบล็อกหลายค่าย  ที่สำคัญมันแก้ปัญหาในการล็อกอินของ blogger ผ่าน Windows Live writer ได้นี่ซิ   blogger คนใดเจอปัญหาเช่นเดียวกันนี้  เป็นอีกทางในการช่วยการทำงานของคุณค่ะ Smile

07:45 | 3 comments | Read More

เครื่องมือ capture ภาพหน้าเวบประกอบบทความใน Blogger

Written By Aucharaporn Theemcle on วันอาทิตย์ที่ 28 มิถุนายน พ.ศ. 2558 | 08:26

awesome screenshort

วันนี้ขอนำเสนอ Extension หรือ เรียกว่า Addon ในเวบบราวเซอร์ Firefox ที่จะช่วยงาน Blogger ของคุณ ๆ ได้สะดวกขึ้น  เพราะ Extension ตัวนี้สามารถจับภาพหน้าเวบ พร้อมตกแต่ง และสามารถนำคัดลอกมาวางในบทความได้ทันที  เครื่องมือที่ใช้ capture ก็ใช้งานงาน  สามารถใช้งานได้ทั้งบน Google Chrome และ Firefox ที่สำคัญ ฟรีค่ะ  ตัวช่วยตัวนี้มีชื่อว่า  awesome screenshot สามารถศึกษารายละเอียดเพิ่มเติมได้จากคลิปด้านล่างนี้

 

08:26 | 0 comments | Read More

เครื่องมือแต่งภาพออนไลน์สำหรับ BLOGGER

ช่วงนี้ใช้โน๊ตบุ๊คตัวใหม่ ที่ยังไม่ได้ติดตั้ง Windows Live Writer  ก็เลยใช้ extension ใน Firefox และ Google Chrome ที่มีชื่อว่า  Scribe Fire  ในการแก้ไขและเขียนบทความในเวบบล็อก 

image

ในการเขียนบทความแบบออนไลน์ผ่าน blogger เอง หรือว่าใช้ Sribe Fire  หรือแม้แตใช้ windows Live Writer ที่สามารถเขียนแบบออฟไลน์  การตกแต่งภาพนับว่าสำคัญ  ดังคำกล่าวที่ว่าหนึ่งภาพ แทนคำล้านคำพูด วันนี้มีตัวช่วยแต่งภาพแบบออนไลน์มานำเสนอ  นั่นคือเวบไซต์  http://pixlr.com/editor/  ที่นำเสนอเวบไซต์แห่งนี้เพราะ  คุณสามารถนำรูปภาพจากเวบไซต์อื่นๆ บนอินเตอร์เน็ต มาปรับแต่งได้ ด้วยการเปิดรูปภาพแบบ url เช่น นำรูปภาพจาก facebook มาปรับแต่งโดยไม่ต้องดาวน์โหลด แล้วอัพโหลดขึ้นไปแต่งภาพอีกที  ลดภาระขั้นตอนยุ่งยาก  นอกจากนั้น เครื่องมือในการปรับแต่งภาพ  ต้องบอกว่าครบครัน

image

ปรับแต่งเสร็จแล้วค่อยดาวน์โหลดมาเก็บไว้ในตัวเครื่อง  เครื่องมือฟรี ใช้งานง่าย แถมมีคนรีวิวการใช้งานไว้เยอะทีเดียวค่ะ   ลองเข้าไปใช้งานเพื่อนำมาไว้เขียนบทความในเวบบล็อกกันดูนะคะ  บางทีคุณอาจติดใจบริการออนไลน์แบบนี้ก็ได้

08:15 | 0 comments | Read More

ตัวช่วยปรับแต่ง Template ใน BLOGGER

ทราบ code สี html จากหน้าเวบแบบง่ายๆ

จริงๆแล้วการเปลี่ยนหน้าตาให้ Blogger ไม่ยาก ง่ายแสนง่าย เพียงแค่หา template สวย ๆ หรือ template ที่เหมาะสมแล้วอัพโหลดไปเปลี่ยน แค่เนี้ย ก็สามารถได้หน้าตาเวบบล็อกแบบที่เราต้องการ  แต่บางครั้งหากต้องการปรับแต่งเพิ่มเติม  เช่นเปลี่ยนสีพื้นหลัง  เปลี่ยนสี gadget บางตัว  เราจำเป็นต้องทราบ code สี html ด้วยค่ะ วันนี้เอาเครื่องมือที่สามารถบอก code สี html ด้วยการเอาเครื่องมือจิ้มไปตรงที่ต้องการทราบโค้ดสี จากหน้าเวบบล็อก  เจ้าตัวเครื่องมือนี้ก็จะบอก code สี html ให้เราทราบพร้อมทั้งสามารถคัดลอกไปใช้งานได้ทันที

เครื่องมือปรับแต่งสีจากหน้าเวบ

เครื่องมือตัวนี้เป็น Extension ฟรีที่เป็นเครื่องมือติดบน เวบบราวเซอร์ Google Chrome ที่นำเสนอตัวนี้  เพราะสังเกตว่าคนไทยใช้ Google Chrome กันเยอะ   extension ตัวนี้มีชื่อว่า Color Zilla ค่ะ  วิธีการใช้ง่ายๆ  เครื่องมือก็ใช้งานสะดวก  ทดลองดาวน์โหลดใช้งานได้ที่   Chrome Web Store

07:35 | 0 comments | Read More

การนำ Youtube มาเล่นบนเวบบล็อกเฉพาะช่วงเวลาที่ต้องการ

Written By Aucharaporn Theemcle on วันเสาร์ที่ 7 มีนาคม พ.ศ. 2558 | 23:18

มีเหตุให้ต้องนำ embed code จากวีดีโอใน Youtube มาแทรกในเวบบล็อก blogger ของตน แต่ว่าวีดีโอนั้นนำเสนอหลากหลายเนื้อหา   เนื้อหาในส่วนที่ต้องการนำมาแทรกใน blogger เป็นอีกส่วนหนึ่งในวีดีโอนั้น  จึงจำเป็นจะต้องค้นหาวิธีการในการแทรก embed code จาก Youtube โดยเลือกวางในช่วงเวลาของ Youtube ที่ต้องการ  มีวิธีการง่ายๆ ดังนี้ค่ะ

1. Embed code จาก Youtube ที่จะนำไปวางใน เวบบล็อกมี ลักษณะดังนี้



<iframe width="560" height="315"
src="//www.youtube.com/embed/OmTcfRqgkEk?start=146&end=173&version=3"
frameborder="0" allowfullscreen>
</iframe>



2. แก้ไข embed code ดังนี้ 



-   เปลี่ยนความกว้าง  (width)  และความสูงของวีดีโอตามต้องการ ( height )  



แทรกวีดีโอเล่นเฉพาะช่วงเวลาที่ต้องการใน blogger



-  เปลี่ยนตัวเลขด้านหลังของ Youtube  เป็นวีดีโอที่คุณต้องการนำมาวางในเวบบล็อก



- เปลี่ยนตัวเลขเวลาการเริ่มต้นของวีดีโอ โดยเปลี่ยนเป็นวินาที  เช่น ดิฉันต้องการให้ Youtube เร่ิมเล่นที่เวลา  2นาที 26 วินาที  ดังนั้นตัวเลขที่จะใส่เป็นเวลาเริ่มต้นในการ start วีดีโอ คือ (2*60)+26 = 146 วินาที



-  เปลี่ยนตัวเลขเวลาจุดสิ้นสุดของวิดีโอที่คุณต้องการ  โดยเปลี่ยนเวลาเป็นวินาทีเช่นกัน  โดยดิฉันจะให้วีดีโอหยุดเล่นบนเวบบล็อกที่เวลา 2นาที 53 วินาที  ดังนั้น ตัวเลขที่ต้องใส่ใน code เป็นจุดสิ้นสุด (End) คือ (2*60)+53 = 173 วินาที



3.ต่อจากนั้นก็วาง embed code วีดีโอที่สร้างในเวบบล็อก ในส่วนของ html ได้แล้วค่ะ  ดูการแสดงผล


23:18 | 2 comments | Read More

เพิ่มป๊อบอัพ Facebook Like ใน Blogger

Written By Aucharaporn Theemcle on วันจันทร์ที่ 23 กุมภาพันธ์ พ.ศ. 2558 | 07:48

image

หลังจากได้ทดลองเพิ่มป๊อบอัพ Facebook Like ในเวบบล็อก จึงพบว่ามันเป็นอีกแนวทางในการเพิ่ม traffic กับเวบบล็อกของตน  ถึงแม้เมื่อก่อนดิฉันรู้สึกว่า มันเป็นการรบกวนผู้อ่านหรือเปล่าน๊อ …แต่คิดดูอีกที ก็แหมไหน ๆ ก็แวะเข้ามาอ่านบทความ  จะขอสัก Like ก็คงไม่ถือว่าเป็นการรบกวนกันเกินไป   วันนี้จึงนำวิธีการติด Popup ขอ  Facebook Like ใน Blogger มาเล่าต่อค่ะ

image

1. ล็อกอิน Blogger เข้าไปที่แดชบอร์ด  >รูปแบบ

SNAGHTMLcfcc38

2. คลิ๊กเพิ่ม Gadget

image

3.เลือก  HTML/จาวาสคริปต์

image

4. วางโค้ดข้างล่างนี้ลงในในกรอบเนื้อหา 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#fbox-background {
    display: none;
    background: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}
#fbox-close {
    width: 100%;
    height: 100%;
}
#fbox-display {
    background: #eaeaea;
    border: 5px solid #828282;
    width: 340px;
    height: 230px;
    position: absolute;
    top: 32%;
    left: 37%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#fbox-button {
    float: right;
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0px;
}
#fbox-button:before {
    content: "CLOSE";
    padding: 5px 8px;
    background: #828282;
    color: #eaeaea;
    font-weight: bold;
    font-size: 10px;
    font-family: Tahoma;
}
#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover {
    color: #aaaaaa;
    font-size: 9px;
    text-decoration: none;
    text-align: center;
    padding: 5px;
}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// key and at least value given, set cookie...
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);
if (value === null || value === undefined) {
options.expires = -1;
}
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
value = String(value);
return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// key and possibly options given, get cookie...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_facebook_box') != 'yes'){
$('#fbox-background').delay(5000).fadeIn('medium');
$('#fbox-button, #fbox-close').click(function(){
$('#fbox-background').stop().fadeOut('medium');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fbox-background'>
<div id='fbox-close'>
</div>
<div id='fbox-display'>
<div id='fbox-button'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/pages/tipfornetcom/433570450041657&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border: none; overflow: hidden; background: #fff; width: 339px; height: 200px;'></iframe>

 

5. ต่อไปก็แก็โค้ดตรงนี้ เป็น Url เป็นแฟนเพจของคุณ ๆ กันนะคะ

https://www.facebook.com/pages/tipfornetcom/433570450041657

6.  ข้อความ .delay(5000)   หมายถึงหลังจากโหลดหน้าครบ 5 วินาที ก็จะแสดง Popup ของ facebook Like ปรากฏ  คุณสามารถแก้ไข ตัวเลข 5000 เพื่อให้แสดงเวลามากหรือน้อยกว่านี้ได้

7.โค้ด  $.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });     

หมายถึง  จะแสดง Popup เฉพาะครั้งแรกที่เปิดหน้าเวบ  หากต้องการให้แสดง Popup ทุกครั้งที่เปิดหน้าเพจ  ก็ให้ลบโค้ดบรรทัดนี้ออกไป

หลังจากที่เพิ่มโค้ดใน gadget html/javascript แล้ว บันทึกผล  แล้วเข้าไปดูการแสดงผลของ blogger โดยคลิ๊กที่ ดูบล็อก

ขอบคุณข้อมูลจาก  http://www.helplogger.blogspot.com/

07:48 | 4 comments | Read More