Cara Menghubungkan Blog dengan Facebook dan Twitter

Cara Menghubungkan Blog dengan Facebook dan Twitter

Blogging Admin   21:26

Salam Komputer's - Bagi kamu yang mempunyai facebook dan twitter pasti akan segera share posting kamu di sana. Tapi cara ini mungkin akan sangat merepotkan bagi sebagian orang. Pertama orang harus login ke facebook atau twitter itu sendiri. Lalu copy paste url blog. Belum lagi jika kita ingin menggunakan fasilitas url shortener supaya tweet tidak terlalu banyak karakter. Nah dengan cara ini kamu tidak perlu mengalami itu semua. Memang dulu saya menggunakan cara di atas he..he..he.. Tapi sekarang sudah tidak lagi semenjak saya menggunakan twitterfeed. Lalu bagaimana caranya. Langsung saja kita ke TKP :

1. Ke twitterfeed.com

2. Klik register now. Lalu isi form yang ada

3. Isi form dengan Nama Feed dan Blog/Feed Url

 

 

4. Lanjut ke step 2

5. Pilih social media yang ingin kamu hubungkan dengan blog kamu

 

 

6. Jika sudah dihubungkan klik all done

Nah sekarang kamu tidak perlu repot lagi untuk masuk ke facebook atau twitter untuk mengupdate post baru. Semoga bermanfaat. Jangan lupa tinggalkan komentar kamu.

 

Cara Membuat Tombol Share Keren di Blog

Cara Membuat Tombol Share Keren di Blog

Blogging Admin   23:50

Siang mas Bro n mbak Bray...! Sudah lama gak bagi2 tpi kali ini aku akan membagikan sebuah tips blogging yang gak kalah kerennya nih, yaitu cara mambuat tombol share blog kita ke jejaring sosial seperti twitter, facebook, yahoo dan lain-lain, nah sebelum membuatnya, kita sedikit bahas dulu yuk, apa sih manfaat dari tombol share yang ada di blog kita?

Tombol share yang sering kita jumpai di blog-blog lain, atau blog saya ini berfungsi untuk membagikan link blog yang kita baca, ke situs jejaring sosial. Misalnya begini, ada seseorang yang sangat tertarik dengan salah satu artikel di blog saya, nah si orang itu ingin membagikannya ke teman-temannya, nah untuk mempermudah orang itu, kita gunakan tombol share ini, selain bermanfaat bagi orang itu, secara tidak langsung blog kita ikut terpromosi oleh orang itu sob.

Sebetulnya ada beberapa macam tombol share, namun menurut saya inilah yang paling keren dan paling enteng, mengapa saya bilang paling enteng? karena gadget ini memang tidak berat, hehehe... langsung saja yuk kita buat.

1. Login blog sobat.

2. Pilih Tata letak, Tambah Gadget.

3. Kemudian pilih HTML/JavaScript.

4. Lalu masukan kode dibawah ini.

<script charset="UTF-8" src="http://s.web.informer.com/favorites-button.js?glass," type="text/javascript">

</script>

5.Yang terakhir, simpan dan lihat hasilnya.

Ouke semoga bermanfaat untuk sobat semua, dan terimakasih...

Cara Membuat Search Engine di Blog

Cara Membuat Search Engine di Blog

Blogging Admin   22:48

Search Engine atau Mesin Pencari, pastinya sobat sudah tidak asing lagi karena setiap kita browsing akan selalu berhubungan dengan Search Engine baik itu Search Engine Google, Yahoo, Bing dan lain-lain. Nah sekarang bagaimana jika Search Engine tersebut kita pasang di Blog ? Yup tentu bisa, Search Engine sangat disarankan untuk dipasang di blog.

Dengan Membuat Search Engine Di Blog, kamu sudah melakukan salah Satu Optimasi Seo On Page. Kenapa demikian ? Ya.. dengan kamu memasang Search Engine Di Blog kamu, pengunjung akan lebih mudah menemukan artikel yang dicari dengan demikian akan meningkatkan jumlah Page View blog kamu.

Cara Membuat Search Engine Di Blog :

1. Login ke Dashbord blog kamu
2. Jika sudah, kamu pilih Tata Letak
3. Jika sudah Klik Add a Gadget atau Tambah Gadget
4. Pilih Widget HTML/JavaScript
5. Copas Kode berikut ini, dan masukan kedalam kolom Widget HTML/JavaScript

<form name="jksearch" action="http://www.google.com/search" method="get" onsubmit="jksitesearch(this)" target="_blank">

<input id="hiddenquery" type="hidden" name="q" />

<input name="qfront" onfocus="if(this.value==this.defaultValue)this.value='';" value="Search on this site..." type="text" onblur="if(this.value=='')this.value=this.defaultValue;" style="width: 240px;border:none;padding:8px 10px; font:normal 11px arial;color:#666; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqxPvmRf97Wae6rt5-lCTgbGklsO9bC0KjGOoE_QH6BxhE4pWyQ1rKvjLK_R-a0meWDxunMim_XRIPcH9TkbzcISII_ca33uzy_S6tivy3yCf3rEDPKf1hoeqgzxDBfDXEXpkrcaRFrgA/s1600/search_field.jpg) no-repeat;" /><input type="image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP6TRfl2jco8OZ0GCWaHg84GTxrSA-8OHu2_px1hLLvJ-4U9XTg5JPOs9c6PqZSAb77zi_ublaRhk5u1M0-8ikPJxR_hSyUQBwqMDOics35raeW9IqrRSz8foGCTVO6DRkMOruMl9ftFE/s1600/search_button.jpg" align="top" value="Search"/>

<div style="font: normal 11px Arial;color:#666;padding:2px 0;">

<input name="se" type="radio" checked /> Google

<input name="se" type="radio" /> Yahoo

<input name="se" type="radio" /> Msn

</div>

<script type="text/javascript">

// All-in-one Internal Site Search script- By JavaScriptKit.com (http://www.javascriptkit.com)

// For this and over 400+ free scripts, visit JavaScript Kit- http://www.javascriptkit.com/

// This notice must stay intact for use

//Enter domain of site to search.

var domainroot="http://ariezjuelekz.blogspot.com/"

var searchaction=[ //form action for the 3 search engines

"http://www.google.com/search",

"http://search.yahoo.com/search",

"http://search.msn.com/results.aspx"

]

var queryfieldname=["q","p","q"] //name of hidden query form for the 3 search engines

function switchaction(cur, index){

cur.form.action=searchaction[index]

document.getElementById("hiddenquery").name=queryfieldname[index]

}

function jksitesearch(curobj){

for (i=0; i< document.jksearch.se.length; i++){ //loop through radio to see which is checked

if (document.jksearch.se[i].checked==true)

switchaction(document.jksearch.se[i], i)

}

document.getElementById("hiddenquery").value="site:"+domainroot+" "+curobj.qfront.value

}

</script>

</form>

5. Ganti kode yang berwarna Merah dengan Url Blog kamu
6. Sekarang Klik Simpan
7. Selesai dan Lihat Hasilnya

Semoga tutorial ini bermanfaan bagi anda sekalian, mohon maaf jika ada kesalahan dalam penulisan.

Cara Menampilkan Postingan Blog Ke Facebook Secara Otomatis

Cara Menampilkan Postingan Blog Ke Facebook Secara Otomatis

Blogging Admin   00:16

Bagaimana sih cara share atau menampilkan postingan blog ke Facebook? - Dengan tutorial ini yang jelas akan meningkatkan jumlah page view blog anda, karena secara otomatis postingan anda nantinya akan tampil di public Facebook dan temen-temen anda yang ada di jejaring sosial facebook dan akan melihat postingan blog anda, jadi mereka akan tahu kalau anda mempunyai blog dengan konten yang berkualitas dan layak untuk dibaca. Nah cara yang akan diterapkan di pembahasan ini yaitu dengan menggunakan aplikasi RSS Graffiti Facebook (FB) untuk share artikel blog. Sedangkan di Facebook sendiri fasilitas RSS Graffiti ini menjadi jembatan untuk memudahkan postingan-postingan blog melintas didalamnya, sehingga public bisa mengetahuinya.

Cara Submit RSS Feed Blog ke Facebook (FB) Melalui RSS Graffiti
1.Silahkan menuju ke aplikasi RSS Graffiti di http://apps.facebook.com/rssgraffiti/
2. Berikutnya klik "Add New Publishing Plan"
3. Isi nama judulnya, contoh "Blog Komputer DotCom". Lalu klik lagi "Create Publishing Plan"

4. Lalu klik "Add New" pada bagian Source
5. Silahkan isi dengan alamat feed blog anda misalnya http://ariezjuelekz.blogspot.com/feeds/posts/default. Lalu klik "Add Source"

6. Selanjutnya pada bagian "Target", klik "Add New"
7. Lalu pilih halaman fan pages dan pada "Post Style" biarkan Standard, lalu klik "Save Changes"

8. Langkah terakhir yaitu menghubungkan SOURCE ke TARGET dengan klik tombol OFF menjadi ON, maka warna akan berubah menjadi hijau. Dengan begitu postingan blog otomatis bisa ditampilkan ke Facebook.

Cukup paham bukan? Kalau begitu saya akhiri pembahasan tentang cara mensubmit artikel/postingan blog secara otomatis ke Facebook. selamat mencoba dan happy blogging.

Cara Mebuat Read More (TerBaru)

Cara Mebuat Read More (TerBaru)

Blogging Admin   18:29

Jumpa lagi kawan dengan Ariez yang Nggak Pernah Cuakep....kwkwkwk :-p
Kali ini saya mencoba ber eksperimen dengan HTML yaitu membuat READ MORE TerBaru. Untuk versi Auto Read More terbaru kali ini sepertinya lebih canggih lagi, karena fungsi pemenggalan kalimat langsung bekerja secara otomatis tanpa harus menambahkan kode diatas.

Trus..hebatnya lagi, fungsi Read More ini mampu menampilkan image pertama dalam postingan dan mem-fload image tersebut di awal paragraf awal, meskipun gambar yang kita letakan berada di tengah atau akhir postingan. Mungki lebih nyaman saya sebut saja dengan fasilitas image thumbnail.

Tidak hanya itu saja, kita dapat juga pengatur jumlah karakter yang ditampilkan. Disini ada 2 pilihan untuk jumlah karakter. Yang pertama, jumlah karakter yang ditampilkan jika ada image yang diikutsertakan dalam postingan dan yang kedua jumlah karakter tanpa image. Masih bingung maksudnya? sama..yang jelasin juga puyeng wkwkwkw  Ya sudah, biar sama2 gak pusing langsung ke tutorialnya saja ok.

Penting! Yang sudah memasang Read More versi lama sebaiknya di kodenya kembalikan dulu ke seperti semula, caranya hapus kode yang berwarna merah dibawah ini (Setiap template mungkin berbeda, jadi tinggal disesuaikan saja)

<div class='post-header-line-1'/>
<div class='post-body'>
<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/></p>
<a expr:href='data:post.url'>Readmore</a>
</b:if>
<div style='clear: both;'/>

OK, kalo sudah tinggal lanjutkan dengan tutorial dibawah.

Pertama, silahkan tuju langsung ke halaman EDIT HTML, Cari kode </head> kemudian letakan script dibawah ini di atas kode </head> Kalo sudah, jangan lupa di simpan terlebih dahulu.

Langsung copy paste aja kode dibawah ini:


<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>

<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>

Masih pada halaman EDIT HTML, Beri tanda centang pada "Expand widget template" lalu temukan kode seperti dibawah

<data:post.body/>

Kalo sudah, ganti kode <data:post.body/> dengan semua kode dibawah ini

<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 class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

silahkan disimpan dan lihat hasilnya :)

Keterangan:

var thumbnail_mode = "float";  (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)
summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)
summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)

Selamat mencoba dan semoga berhasil eksperimennya...happy tutorial with Komputer DotCom :-)

Cara Membuat Blog Gratis

Cara Membuat Blog Gratis

Blogging Admin   09:40

Artikel kali ini saya khususkan bagi sobat yang benar benar awam mengenai cara membuat blog gratis, jadi bagi sobat yang sudah memahami dan menguasai ilmu cara membuat blog abaikan saja artikel ini.


Sebenarnya ada banyak layanan yang menyediakan blog gratis, beberapa diantaranya :
- blogger.com
- wordpress.com
- blogdetik.com
- blog-roll.info
- wordblog.pl
- dll

Namun kali ini saya akan menerangkan bagaimana Cara membuat blog gratis secara cepat dan mudah. yaitu kita memakai layanan Blogspot di blogger.com

Langkah awal untuk membuat sebuah blog gratis adalah :

1. Anda diwajibkan memiliki sebuah alamat email, saran saya pakailah layanan gmail dari google. untuk membuat email dari layanan google tersebut anda bisa langsung menuju ke Gmail

2. Langkah selanjutnya bila anda telah memiliki sebuah email silahkan kunjungi Blogger.com untuk membuat sebuah blog gratisan dengan contoh url seperti ini http://NAMABLOG.blogspot.com, seperti gambar dibawah ini.




3. Klik Daftar pada blogger.com, isilah data data tersebut dengan lengkap. pada kolom pertama masukkan email yang sudah anda buat tadi pada tahap awal. setelah semua data di isi centang tanda Saya menerima Persyaratan dan Layanan. lalu klik Lanjutkan.

4. Anda baru saja membuat akun di blogger.com, selanjutnya silahkan klik Tombol Buat blog, lalu isi Judul Blog, alamat blog, sesuai dengan keinginan anda, setelah semuanya benar lalu klik lanjutkan. silahkan pilih template standar yang sudah disediakan. dalam beberapa saat blog anda pun sudah jadi dengan judul dan url yang anda tentukan tadi.




5. Tahap selanjutnya anda tinggal mengklik entri baru untuk membuat sebuah artikel, nah mudah bukan cara membuat blog gratisan. oiya untuk pemula silahkan copy paste artikel milik temannya.
Salam Blogger...