Cara menghubungkan blog dengan facebook, sebanarnya banyak sekali caranya, namun pada postingan kali ini penulis Cuma memberikan salah satu cara menghubungkan blog dengan facebook. Yakni aplikasi RSS Graffiti. Apa aplikasi RSS Graffiti pada facebook?, RSS Graffiti pada Facebook adalah salah satu aplikasi facebook yang menyediakan auto posting pada wall Facebook, juga pada Halaman Facebook, dan Groups dimana anda sebagai pengelolanya. Bagaimana Cara Membuat Posting Otomatis dengan Aplikasi RSS Graffiti di Facebook. Simak langkah-langkahnya dibawah ini Cara menghubungkan blog dengan facebook agar Postingan blog secara otomatis terhubung dengan Aplikasi RSS Graffiti di Facebook:
Tentunya anda harus memiliki Akun Facebook bukan (sudah funya akun belum?), kalua sudah berukutnya
Masuklah ke : https://apps.facebook.com/rssgraffiti/ atau bila sudah menggunakan aplikasi tersebut, langsung saja klik RSS Graffiti disamping halam utama facebook saudara
Berikutnya Ijinkanlah Aplikasi RSS Graffiti masuk ke Facebook anda
Jika berhasil, maka langkah selanjutnya adalah dengan memasukkan URL dan Nama Blog anda.
Klik Add Feed
Setelah itu silahkan anda isi formulir yang telah tersedia
Isilah Feed URL blog anda : Contoh : http://Definisi-ade.blogspot.com/feeds/posts/default
Isilah Source Name dengan nama blog anda contoh : Ade The Explorer dan isilah Source URL dengan alamat blog/ website anada, contoh :http://Definisi-ade.blogspot.com
8. Berikutnya, jika sudah yakin dengan isian anda maka jangan lupa simpan dengan mengklik Save. Selesai.
Catatan:
Gantilah tulisan Warna Biru dengan URL Blog (alamat blog) dan nama blog anda Aplikasi yang sudah dibuat (aplikasi RSS Graffiti), akan berjalan apabila anda sudah melakukan postingan sejak anda menggunakan Aplikasi RSS Graffiti. Itulah salah satu cara menghubungkan postingan dari blog ke facebook, sebenarnya masih banyak cara-cara lain yang bisa dilakkukan dalam menghubungkan blog dengan facebook atau menghubungkan facebook dengan blog.
Seperti janji minggu lalu ya sob,Pelajaran Blog kali ini akan mengulas dan mengutak atik 'seputar blogger template' yang kita gunakan saat ini. Betul gan,ini kaitannya 'membuat read more atau tulisan baca selengkapnya' versi kedua.
Beberapa waktu lalu telah diposting cara membuat read more/baca selengkapnya.. secara manual,namun kendalanya bagi blog yang terlanjur sudah memiliki banyak artikel tentu akan banyak makan waktu dan tenaga untuk mengedit satu persatu.
Nah,dengan kombinasi javascript read more yang akan kita ciptakan ini akan tampil otomatis meskipun kita tidak mengeditnya kembali. Yup,membuat read more/baca selengkapnya otomatis pada blogger adalah tema kita kali ini. Untuk demonya sobat bisa liat di SINI.
Lalu bagaimana jika saya telah menggunakan read more secara manual? Tidak perlu cemas gan,karena tinggal ganti kodenya dan jreng!!! :D
Langkah Cara Membuat Read More Otomatis pada Blogger dengan Bahasa Javascript
Ada dua(2) pilihan membuat readmore otomatis / auto read more pada blogger ini sob,yakni read more menggunakan gambar dan hanya menggunakan tulisan.
Untuk pertama kali,seperti biasa ya gan pilih Dashboard,lalu Tata Letak dan Contreng tulisan Expand Widget Templates.
<script type='text/javascript'> //<![CDATA[ /****************************************** Auto-readmore link script, version 2.0 (for blogspot)
(C)2008 by Anhvo
visit http://en.vietwebguide.com to get more cool hacks ********************************************/ function removeHtmlTag(strx,chop){ if(strx.indexOf("<")!=-1) { var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){ s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); } } strx = s.join(""); } chop = (chop < strx.length-1) ? chop : strx.length-2; while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; strx = strx.substring(0,chop-1); return strx+'...'; }
function createSummaryAndThumb(pID){ var div = document.getElementById(pID); var imgtag = ""; var img = div.getElementsByTagName("img"); var summ = summary_noimg; if(img.length>=1) { imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>'; summ = summary_img; }
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>'; div.innerHTML = summary; } //]]> </script> Kemudian cari kembali kode<data:post.body/>atau<p><data:post.body/></p> Setelah ituuntukCara 1.Read More Button Otomatis menggunakan gambar,hapus kode tersebut dan gantilah dengan kode berikut: <b:if cond='data:blog.pageType != "item"'> <div expr:id='"summary" + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> <span style='float:right'><a expr:href='data:post.url'><img alt='Read More..' src='http://1.bp.blogspot.com/-IHpf1c0gAZE/TahDsOmCrCI/AAAAAAAAAy0/lOZgwgw7eHg/s1600/pelajaran%2Bblog%2Bread%2Bmore%2Botomatis.jpg'/></a></a></span> <b:else/> <data:post.body/> </b:if> Sedangkan untukCara 2.Read More Button Otomatis hanya berupa text,hapus kode<data:post.body/>atau<p><data:post.body/></p> tersebut dan gantilah dengan kode berikut: <b:if cond='data:blog.pageType != "item"'> <div expr:id='"summary" + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> <span style='float:right'><a expr:href='data:post.url'>Read More..</a></span> <b:else/> <data:post.body/> </b:if> Lalu simpan templates dan lihat hasilnya. Untuk yang terlanjur menggunakan read more secara manual seperti disini,tinggal hapus kode: <b:if cond='data:blog.pageType == "item"'> <style>.fullpost{display:inline;}</style> <p><data:post.body/></p> <b:else/> <style>.fullpost{display:none;}</style> <p><data:post.body/> <a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p> </b:if> Dan gantilah dengan kode sesuai pilihan sobat diatas,bisa menggunakan cara 1 maupun cara 2.Semoga berhasil dan selamat ngutak-atik template ya
Kebanyakan para blogger mengalami kesulitan dalam memasukkan animasi pada blog mereka. Apalagi bagi para blogger pemula. Pada kali ini,saya akan mencoba membantu teman2 blogger untuk membuat animasi yang menarik pada blog anda.
Pertama-tama, anda harus mengetahui situs yang mempunyai file animasi sekaligus memiliki kode html. Sebenarnya di sinilah letak kesulitan para blogger. Andaikan kita, mengetahui situs tersebut, pasti semuanya akan mudah.
Saya akan memberikan situs tersebut secara Cuma-Cuma khusus bagi para blogger yang mau nge link blog saya. Hehe J (kalau mau sih). Kalau tidak,saya tidak akan memberi tahu anda. He… Bercanda…
Ini adalah situs yang memiliki konten animasi dan memiliki kode html.
setelah lama berusaha mencari widget-widget animasi lucubergerakdan menarik dari berbagai situs untuk anda dalam memasang animasi di sudut atau pojok blog dan membuat tampilan blog anda semakin segar dengan adanya animasi yang bergerak di sudut blog, akhirnya ketemu juga widget-widget yang lucu dan unik yang pastinya bergerak atau berformat gif ,pada kumpulan widget animasi bergerak ini anda bisa membuat animasi bergerak di pojok blog anda, mungkin di antara kalian ada juga yang senang dengan animasi - animasi lucu yang bergerak ini untuk di pasang di sudut blog kalian. tapi tentu saja di setiap situs-situs tersebut tidak semua animasi bergerak sama oleh karena itu dalam postingan kali ini saya akan memberikan kumpulan postingan animasi bergerak yang lucu dan gokil dari berbagai situs yang telah saya kunjungi .silakan kalian kalau mau copas kode-kode script berikut di blog kalian .
sebelum kalian meng copas kode kode tersebut .. sebaiknya kalian mengikuti tutorial cara memasang animasi pada blog berikut ini . untuk memasang widget widget animasi bergerak seperti naruto dan onepiece pada blog kalian ..( tepatnya animasi- animasi bergerak tersebut akan ada di sudut pojok bawah pada blog kalian ).dan kalian dapat merubah lokasi penempatannya/ukuran gambarnya sesuai dengan tempat/ukuran favorit anda .!!!
News Flash !!!mau pelihara hamster kaya gini di blog ??? klikdisinicatatan !!!coba anda klik pada kotak hamster di atas !!!bagaimana ??? kerenkanlanjut ke tutorial pasang animasi naruto onepiece dll di sudut blog
adapun langkah-langkah dalam memasang widget animasi bergerak yaitu :
masuk atau login ke blog kalian
klik Rancangan / Design kemudian klik Elemen laman / page Elements
Lalu klik tambah gadget / add gadget , setelah di klik akan muncul banyak pilihan ..
pilih HTML/JAVA SCRIPT
lalu copy pastekan script-script berikut ini ( sebaiknya jangan di beri judul )
script di bawah ini telah di setting sedimikian rupa agar animasi tersebut ada tepat di pojok kiri bawah blog . jika kalian tidak mau animasi tersebut berada di pojok kiri bawah blog kalian .. silakan kalian hapus atau edit kembali script yang berwarna hijau pada contoh di bawah ini setelah gambar animasi ..
Animasi Helikopter Gif
silakan copas :
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="widget animasi lucu bergerak atau gif" alt="animasi bergerak naruto dan onepiece"/></a><small><center><a href="http://www.4f1l-news.com/" target="_blank">animasi bergerak helikopter</a></center></small></div>
setelah itu simpan !!!
Ketentuan catatan
=>untuk mengedit animasi apa yang kalian ingin gunakan silakan edit "Tulisan berwarna biru "( ubah alamat animasi favorit yang anda suka) => untuk mengedit tinggi animasi silakan edit : "hegiht : 130px" ( angka dapat kalian atur sesuai dengan kebutuhan) => untuk mengedit panjang gambar : "width : 110px" ( angka dapat kalian atur sesuai dengan kebutuhan)=>untuk mengedit/ mengatur lokasi sesuai kebutuhan misal animasi bergerak ini dapat di buat agar tidak ada di pojok/sudut blog . melainkan diam / berada pada posisi yang kalian ingin kan , jika kalian tertarik untuk mengeditnya .silakan kalian edit "position : fixed ; bottom:0px;left:10px" position fixed : maksudnya adalah posisi animasi akan selalu bergerak . jika andaingi posisi animasi tersebut hanya diam pada satu posisi makasilakan hapus position : fixed ini bottom : 0px : maksud bottom 0px ini adalah jarak antara animasi dengan sisi bawah . jika kalian ingin membuat animasi tersebut tidak berada di bawah ,misalkan kalian ingin animasi berada di atas silakan kalian editbottommenjadi topleft : 10px : maksud left :10px ini adalah jarak antara animasi dengan sisi kiri . jika kalian ingin membuat animasi tersebut tidak berada di kiri,misalkan kalian ingin animasi berada di kanan silakan kalian editleft menjadi right.
saran ..!!!! jika anda ingin mengedit animasi menjadi di kanan dan di atas sebaiknya edit saja seperti ini"position : fixed ; top:0px;right:10px"
nahhh , sekarang coba kalian lihat hasilnya ..prok ..prok ..prok ..jadi apa !!!!
adapun script widget animasi yang lainnya dan bisa anda letakan di pojok blog dan banyak lagi yang telah saya temukan di mbah google , lihat di bawah ini : (cara membuat nimasi bergerak di pojok blog kalian ). tinggal copy paste'in saja yaa .:
