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

การ เพิ่มปุ่ม social share ในแนวขวางด้านล่างหัวข้อบทความ

Written By Aucharaporn Theemcle on วันอาทิตย์ที่ 29 กันยายน พ.ศ. 2556 | 06:12

ปกติจะเลือกใช้ Template สำเร็จรูปในการปรับแต่ง blogger เพราะไม่จำเป็นต้องไปปรับแต่งอะไรมากมาย   แค่หารูปแบบที่ตนชอบ  เรื่องตกแต่งยกให้เป็นหน้าที่ของเหล่านักบรรดาออกแบบไป   แต่บางครั้งได้ template ที่ชอบแต่ก็ยังขาดอะไรไปบ้าง  มันก็เป็นเรื่องธรรมดา  เหมือนวันนี้ Template blog ที่ใช้มานาน พึ่งนึกได้ว่า มันขาด Google + share ก้จะให้ขาดตัวนี้ไปได้ยังไง   เมื่อก่อนทำไมนึกไม่ถึงก็ไม่รู้   ทำ blog ยังไงก็ต้องแชร์ผ่าน Google + เพราะเราอาศัย Google ในการเก็บข้อมูลและนำทางผู้ชมเข้า blog เรานี่นา

ปุ่ม social share

หลังจากค้นหามาได้พักใหญ่จึงไปเจอเข้ากับปุ่มแชร์ที่มี social share ที่คนไทยใช้กัน  เช่น twitter ,facebook,pinterest  ,google plus ซึ่งถือว่าเป็น social พื้นฐานในไทยก็ว่าได้  เห็นแล้วนำมาแปะเข้าให้ที่บล็อกของตน เอาไว้ใต้หัวข้อบทความค่ะ  ตามมาดูวิธีการนำ ปุ่ม social share เหล่านี้แปะใต้หัวข้อบทความใน blogger กันคะ

เพิ่ม ปุ่ม share ใน blogger

1. หลังจาก Login เข้าใช้งาน blogger มาที่เมนู แม่แบบ  เพื่อความแน่ใจ  ให้ สำรองข้อมูล ก่อนการแก้ไข code ใน blogger ก่อนค่ะ

2. หลังจากสำรองข้อมูลเสร็จ แล้ว คลิ๊ก แก้ไข HTML

เพิ่ม ปุ่ม share ใน blogger

3. กด  คลิ๊ก crtl+f แล้วค้นหา code   ตัวนี้ <data:post.body/>

เมื่อเจอโค้ดดังกล่าว ให้คัดลอก โค้ดที่อยู่ด้านล่างนี้ไปวางไว้ก่อน <data:post.body/>



<!-- Scripts Start -->
<b:if cond='data:post.isFirstPost'>
<!-- Facebook -->
<div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = &quot;http://connect.facebook.net/en_US/all.js#xfbml=1&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));
</script>
<!-- Google +1 -->
<script type='text/javascript'>
(function() {
var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;
po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);
})();
</script>
<!-- Twitter -->
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>
</b:if>
<!-- Scripts End -->
<!-- Horizontal social buttons Start -->
<div class='horizontal-social-buttons' style='padding:10px 0 10px;'>
<!-- Twitter -->
<div style='float:left;'>
<a class='twitter-share-button' data-count='horizontal' data-lang='en' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a>
</div>
<!-- Google +1 -->
<div style='float:left;'>
<g:plusone annotation='bubble' expr:href='data:post.url' size='medium'/>
</div>
<!-- Facebook Like+Send -->
<div style='float:left;'>
<fb:like colorscheme='light' expr:href='data:post.url' font='' layout='button_count' send='true' show_faces='false'/>
</div>
<!-- Pinterest Start -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='pin-wrapper' style='float: left; margin:0px 0px 0px 30px; width:44px;'>
<a data-pin-config='beside' data-pin-do='buttonPin' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'><img src='//assets.pinterest.com/images/pidgets/pin_it_button.png'/></a>
<span style='margin-left:-44px;'><a data-pin-config='beside' data-pin-do='buttonBookmark' href='//pinterest.com/pin/create/button/' style='outline:none;border:none;'/></span>
</div>
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'></script>
<style type='text/css'>
#pin-wrapper > a {background-image:none !important;}
</style>
</b:if>
<!-- Pinterest End -->
</div>
<div style='clear: both;'/>
<!-- Horizontal social buttons End –>



4. ต่อจากนั้นคลิ๊ก บันทึก แล้วลองเข้าไปดูบทความในเวบบล็อกได้เลยค่ะ เจอหรือยังคะ ปุ่ม social share  อ้อ ! บาง template จะปรากฏ <data:post.body/>  2 แห่ง ใน template วาง code ไว้ <data:post.body/> ตัวที่ 2 ค่ะ



 



ปล.หากต้องการให้ปุ่ม social share ปรากฏอยู่ด้านล่างของบทความ ให้วางโค้ดไว้หลัง <data:post.body/>  ค่ะ





ที่มา http://www.bloggersentral.com/

06:12 | 8 comments | Read More

มองหาแหล่งข้อมูลเขียนบทความกันดีกว่า

Written By Aucharaporn Theemcle on วันอาทิตย์ที่ 1 กันยายน พ.ศ. 2556 | 09:31

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

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

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

 

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

 

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

 

จดหมายที่ได้รับจาก google alearts

5.  Google alert ค่ะ  เขียนบทความเกี่ยวกับ  keyword  ตัวไหนอยู่ พอมีคน  post  ข่าวใหม่ึ้นมา  ก็เข้าไปอ่าน ติดตามหาหัวข้อเด็ดในการเขียนกันค่ะ

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

7.เวบบล็อกของคนอื่น ๆ ผ่านไปอ่านดุบ้าง   นั่นอาจจะเป็นข้อมุลให้คุณได้เขียนอีกเยอะเชียวหล่ะ  ดิฉันมักจะเข้าไปอ่านเวบบล็อกภาษาอังกฤษ  แล้วก็แปลแบบบ้าน ๆ เอามาลองทำเอง แล้วก็เขียนบทความ ในเวบบล้อกเกี่ยวกับคอมพิวเตอรของตน

…………ยังมีอีกไหมนะ  นึกไม่ออกแล้วหล่ะ  คงจบเพียงเท่านี้ ….เมื่อนึกหัวข้อที่จะเขียนได้จดบันทึกไว้ทันที ว่างก็เขียนได้ค่ะ  จะได้ไม่ลืม    ทั้งหมดนี้ ใช้ด้วยตนเองทุกวิธี ดิฉันจะเขียนบทความทุกวัน  อย่างน้อยวันละ 1 บทความ  เพราะเป็นสัญญาที่ให้ไว้กับตน    ฝึกเอาความคิดมาสื่อเป็นตัวอักษรให้ได้   แถมวันไหนเครียด ตัวอักษรเหล่านี้ทำให้ดิฉันอารมณ์ดีขึ้นได้ด้วยนะ

สำคัญที่สุดคือเริ่มต้นเขียนค่ะ   อย่ากลัวไม่มีคนอ่าน  เขียนไปเรื่อย  ๆ  ดูอย่างดิฉันซิ….ไม่เคยคิดว่าจะมีคนมาอ่าน  ยังมีคุณอีกคน เข้ามาอ่านให้  จริงไหมหล่ะ  ยิ้ม

09:31 | 4 comments | Read More