UNLIMITED FREE: Trik Blog

Tampilkan postingan dengan label Trik Blog. Tampilkan semua postingan

Menyambung Postingan Blogger Ke Facebook Secara Otomatis

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 "k-conk Mahrus". Lalu klik lagi "Create Publishing Plan"

4. Lalu klik "Add New" pada bagian Source
5. Silahkan isi dengan alamat feed blog anda misalnya http://mahruz.blog.blogspot.com. 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.

Selamat mencoba dan happy blogging.

Animated Recent Post

Energy Saver Untuk Blog

Contoh blog apabila diletakkan energy saver seperti gambar di bawah :

Tutorial untuk letakkan energy saver ini seperti berikut :

1. Dari dashboard > design > edit html.
(backup template untuk langkah berjaga²)

2. Dengan menggunakan fungsi Find (ctrl + F), cari kod </head>

3. Copy kod di bawah dan paste SEBELUM kod </head>

<script language='javascript' src='https://sites.google.com/site/unwanted86/javascript/savetheenvironment.js' type='text/javascript'/>

contoh

4. Save dan lihat hasilnya.

Membuat Efek Banjir di Blog

Cara membuat efek banjir di blog. Ingin tau caranya, langsung saja ikuti langkahnya dibawah ini:

1. Login ke blogger

2. Pilih Tata Letak / Rancangan

3. Tambahkan gadjet

4. Pilih HTML/Javascript

5. Masukan kode berikut ini:

<script language="javascript">

nd_mode="flood";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

<script language="javascript" src="https://blogtrikdantips-blogspot.googlecode.com/files/efek_banjir.js"></script>

6. Simpan gadjet

Sekarang sobat sudah bisa melihat hasilnya. Efek ini akan membuat blog anda tenggelam akibat banjir. Akan muncul ikan dan gelembung udara di screen blog anda. Menarik bukan? Selamat mancobanya!!

Modifikasi Blogspot Jadi Super SEO FRIENDLY

sedikit trik yang perlu dilakukan blogger yang menggunakan platform Blogspot khususnya agar Template yang dipakai lebih SEO friendly untuk mendukung optimasi Blog di SERP.

1. Page Title

Yang pertama yang harus dilakukan sobat adalah memodifikasi sedikit pada script Page Title yang ada di script template Blogspot, biasanya format page title dari blogspot seperti ini : JUDUL BLOG : JUDUL POSTING, nah agar blog kita lebih disukai oleh google dan SEO friendly, kita harus merubah format page title standart itu menjadi seperti ini : JUDUL POSTING | JUDUL BLOG. Caranya cari kode berikut di EDIT HTML :

Jika sudah dapat hapus dan ganti dengan kode berikut ini :

<b:if cond='data:blog.pageType == "item"'>

<b:else/>

</b:if>

Atau bisa ditambahkan beberapa kata kunci ( keyword ) seperti dibawah ini :

<b:if cond='data:blog.pageType == "item"'>

<b:else/>

<title><data:blog.pageTitle/> | Kata kunci | Kata kunci </title>

</b:if>

Ganti kode "kata kunci" dengan keyword yang sobat inginkan. Setelah semua selesai jangan lupa save template.

2. Meta keyword dan deskripsi

Suatu mesin pencari seperti google sangat menyukai sebuah website / blog yang jelas tema dan isi content-nya. Jadi , sobat harus nambahin suatu tag yang namanya meta tag. Caranya adalah dengan menambahkan kode berikut ini sebelum kode <b:skin><![CDATA[/*

<b:if cond='data:blog.url == data:blog.homepageUrl'>

</b:if>

Save lagi.

3. Memasang Breadcrumbs.

Breadcrumbs adalah menu navigasi yang ada diatas sebuah posting atau artikel. Cara pasangnya juga sudah dibahas di blog Tutorial Bertuah ini. Silahkan ke sini "Cara Pasang Breadcrumbs di Blogspot".

4. Memasang Related Post.

Related post sangat bagus untuk SEO maupun buat pengunjung. Jadi pasang related post di blog sobat. Caranya juga sudah banyak dibahas di blog-blog tutorial blogging. Silahkan sobat cari di google dengan kata kunci “ cara membuat related post di blogger”.

5. Mematikan setting archive ( arsip )

Google sangat membenci dengan yang namanya duplicate content. Jadi ketika kita mengaktifkan opsi arsip, misalnya kejadiannya seperti ini :

sobat membuat sebuah blog di blogger.com. lalu membuat 3 posting, 1 buah setiap hari. Maka di halaman utama atau homepage sobat akan ada 3 posting, pada halaman arsip tersebut akan memunculkan 3 posting yang sama dengan yang di munculkan oleh homepage.

Intinya, 2 buah link yang menuju 2 halaman yang berbeda tapi memiliki isi konten yang sama. Bagi search engine apa lagi google ini adalah masalah serius. Oleh karena itu kita sebaiknya me-non-aktifkan opsi arsip, caranya : setelah login klik tab setting >> Archiving >> pada bagian Archiving frequency ubah menjadi no archive. >> selesai simpan setting.

Atau jika tidak ingin menonaktifkan fungsi arsip, silahkan letakkan kode berikut dibawah kode <head> :

<b:if cond='data:blog.pageType == "archive"'><meta content='noindex' name='robots'/></b:if>

6. Menambahkan kode ‘rel=canonical’

Gunanya kita menambahkan ‘rel=canonical’ adalah untuk menghindari konten ganda, karena seperti para master of SEO bilang bahwa google sangat tidak dapat mentolerir sebuah duplicate content ( *jadi buat yang kerjanya Cuma bisa copas hati-hati nih sebelum didepak dari gugel..xixixi*). Cara nya di edit html tambahkan kode berikut setelah kode <head>

Save template dan selesai

7. Tag Heading

Google sangat menyukai sebuah tulisan atau judul dengan tag H1. Oleh karena itu ubahlah ukuran judul posting sobat dengan tag H1. Caranya cari kode berikut :

<b:if cond='data:post.title'>

<b:if cond='data:post.link'>

<b:else/>

<b:if cond='data:post.url'>

<b:else/>

<data:post.title/>

</b:if>

</h3>

</b:if>

Kode yang dicetak tebal(warna biru) dihapus dan ubah dari h3(atau pada beberapa template menggunakan h2) menjadi h1. Setelah itu tambahkan kode berikut sebelum kode ]]></b:skin>

h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }

selamat mencoba .

link sumber otomatis ketike artikel artikel di copas

link sumber otomatis,membuat link sumber otomatis, sumber otomatis waktu dicopas

Copy paste adalah hal yang wajar juga, kadang pembaca mengcopy paste sebuah artikel untuk pribadi dan agar apa yang dia peroleh tidak hilang, dan caranya mereka mengcopynya pada blog mereka masing-masing.

Nah, namun jika kamu mengcopy paste artikel dengan tujuan untuk kamu publikkan maka etika yang tepat adalah cantumkan link sumber dari artikeltersebut. oke kan sob..nah bagi kamu yang ingin jika artikel kamu di copas lalu akan tebentuk sebuah link yang mengarah kepada artikelmu,nih scriptnya, silahkan saja pasang di blogmu, bagaimana cara membuat link sumber otomatis ketika dicopas? ikuti tutorial dibawah ini!

Login ke blog kamu
Klik Rancangan
Klik edit html
Centang expand template widget dan jangan lupa backup.
Copy dan paste kode berikut tepat diatas kode <body> template kamu.

Lalu simpan.

Loading Blog Jadi Lebih Cepat

Kita akan membahas compress CSS nya terlebih dahulu, Oh ya kalau ada yang masih bingung dengan CSS, baiklah CSS itu kependekan dari Cascading Style Sheet yaitu sebuah bahasa pemograman atau dokument yang digunakan untuk mendesain atau mengatur tampilan tata letak sebuah halaman web atau blog. Salah satu cara optimasinya adalah dengan mengkompresnya agar ukurannya menjadi lebih kecil , sehingga tidak terlalu membebani loading blog, dengan demikian diharapkan loading blog menjadi lebih cepat lagi karena sizenya telah berkurang setelah di compress. Begitu ceritanya…. Langkah atau Cara agar loading blog cepat dan ringan adalah sebagai berikut :

1. Login ke Blogger lalu pilih Lay Out dan klik Edit HMTL

2. Jangan lupa backup template dulu dengan Download Full Template , siapa tahu nanti malah berantakan.

3. Cari kode CSS nya , biasanya terletak antara kode

<b:skin><![CDATA[/* dan ]]></b:skin>

4. Kalau CSS nya sudah ketemu tinggal di blok , lalu ambil atau Cut ( klik kanan Mouse anda lalu Cut ) dan simpan dulu di Notepad , akan lebih baik lagi bila notepadnya di save sebagai backup , siapa tahu nanti diperlukan lagi.

5. Jika sudah baru kita masuk ke CSSdrive.com untuk mengkompresnya, disitu akan ada kotak bertuliskan Insert CSS Code

6. Copy CSS yang tadi disimpan di Notepad tersebut kemudian pastekan ke kotak Insert CSS Code.

(Untuk pemula sebaiknya pilih Light dan Don’t strip any comments saja dulu , supaya masih tetap terbaca jika nanti kita mau utak-atik-utek CSS lagi).

8. Klik Compress it yang ada dibawah kotak tersebut

9. Tunggu sebentar sampai proses compress selesai , kalau dah selesai dibawahnya suka ada keterangan seperti ini :

Copy hasil compress tersebut dan pastekan ke tempatnya semula yaitu antara :

<b:skin><![CDATA[/* dan ]]></b:skin>

10. Jika semua sudah selesai jangan lupa Save Templates

11. Selesai , selamat mencoba untuk Cara agar loading blog cepat dan ringan Semoga berhasil,....

Widget Share Button Melayang

widget ini akan memudahkan pengunjung blog kita untuk mengshare apa yang ada di blog kita. Dan hal ini juga akan berdampak positif ke blog kita.. karena ini bisa menjadi media marketing gratis buat para blogger , untuk itu saya akan membagaikan kepada para sahabat blogger sekalian tentang cara membuat share botton. Berikut langkah- langkahnya :

1.Login ke dasbor blog anda
    2.Pilih rancangan
    3.Pilih tambah gadget
    4.Pilih Html/Java script
    5.Copy kode Html di bawah ini
    6.Pastekan di Html/ Java Script tadi
    7.Simpan
    8.Selesai

Berikut Kodenya :


<style>

#pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px

0;z-index:10;}

#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

.fb_share_count_top {width:48px !important;}

.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

</style>
<div id='pageshare' title="Share This With Your Friends">
<div class='sbutton' id='gb'>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='rt'>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
<div class='sbutton' id='gplusone'>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div class='sbutton' id='su'>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'>
<script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>
<div class='sbutton' id='fb'>
<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div>
<br/><div style="clear: both;font-size: 12px;text-align:center;">
<a href="http://cycloprogynova.blogspot.com/" target="blank"><font color="black">[Buat wdget]<font></font></font></a></div>
</div>

Dan Lihat hasilnya.
Semoga berhasil

meta tag seo super friendly

Meta tag yang baik adalah meta tag yang mampu mendapat index dari search engine, baik itu google, yahoo dan search engine lainnya. Meta tag tersebut banyak dianggap kalangan blogger sebagai meta tag seo friendly karena meta tag tersebut mempunyai peran penting terhadap blog maupun artikelnya di serp. Google sendiri pun menyarankan agar menggunakan meta tag agar lebih mudah untuk mengindex sebuah web atau blog. Berikut ini adalah penerapan untuk cara membuat meta tag seo friendly:

1. Title
Judul mempunyai peran yang sangat penting bagi kelangsungan sebuah blog. Judul blog itu sendiri merupakan sebagai identitas blog itu sendiri, kita bisa memodifikasinya agar menjadi seo friendly di setiap postingan di search engine. Cari kode <title><data:blog.pageTitle/></title> lalu ganti dengan kode berikut:

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/><title><data:blog.pageTitle/></title>
</b:if>

atau dengan kode

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
jika anda ingin menembak keyword, gunakan tag title ini:

<b:if cond='data:blog.pageType ==
"index"'>
<title><data:blog.pageTitle/> | keyword1 | keyword2 | dst</title>
<b:else/>
<title><data:blog.pageName/></
title>
</b:if>

2. Deskripsi
Meta tag ini menjelaskan tentang deskripsi yang terdapat pada blog sobat. Meta tag ini juga berfungsi sebagai penjelasan yang lebih spesifik mengenai isi dari blog kita selain daripada judul di atas.

<meta content='Deskripsi web atau blog sobat' name='description'/>

Contoh penerapannya pada blog :

<meta content='Blog SEO DAW - XP | Tutorial Blogspot | Belajar SEO Blogspot - Panduan praktis dan tutorial belajar seo lengkap serta membuat blog yang mudah di blogspot' name='description'/>

Isilah deskripsi yang sesuai pada blog anda, namun diingat deskripsi yang seo friendly adalah deskripsi yang panjangnya minimal 100 caracter/huruf.

3. Keyword
Meta yang satu ini diangap sebagai penentu tujuan dari sebuah blog. Kata kunci yang satu ini dapat membantu anda dalam optimasi SEO di search engine. Usahakan keyword yang anda masukkan sesuai persis dengan informasi yang terdapat pada blog anda.

<meta content='Kata kunci blog atau web sobat' name='keywords'/>

Contoh penerapannya pada blog :

<meta content='Blog SEO DAW-XP, Tutorial Blogspot, Belajar SEO Blogspot, DAW-XP, Deny, Tips SEO, Tutorial Blog, Blogspot Tutorial, SEO Blogspot, Belajar SEO, Belajar SEO Mudah' name='keywords'/>

Mungkin hanya 3 itu saja contoh meta tag seo friendly yang paling utama untuk menentukan hasil blog atau web anda di search engine. Tidak perlu cukup banyak-banyak meta tag untuk anda yang ingin seo friendly, namun semuanya butuh proses tidak hanya yang instan. Sekian dulu postingan Deny mengenaicara membuat meta tag seo friendly. Semoga bermanfaat.

SUMBER :

http://www.romantis-xp.asia

Cara Membuat Text Area Pada Blog

Pada kali ini saya akan menjelaskan bagaimana cara membuat text area pada blog anda, langsung saja ikuti cara - caranya ..

Text Area yang akan saya jelaskan ada 3 macam , ada yang sederhana, ada yang memakai tombol "copy all" dan juga ada yang memakai scroll bar :

1. Text Area Sederhana

Caranya copy code berikut ini dan paste pada postingan anda pada tab edit html atau pada tempat yg anda inginkan:

<textarea rows="6" cols="35">diisi dengan kalimat, kata, kode yang diinginkan</textarea>

Catatan : Ubah tulisan berwarna biru dengan tulisan yang anda inginkan.

2. Text Area dengan Tombol "Copy All"

Caranya copy code berikut ini dan paste pada postingan anda pada tab edit html atau pada tempat yg anda inginkan:

<div>

<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Copy All" /> </div>
<div align="center">
</div>
<div align="center">
<textarea cols="15" name="txt" rows="50" style="height: 100px; width: 350px;" wrap="VIRTUAL">Berikut ini adalah cara membuat teks area dengan copy / select all atau cara klik copy all</textarea></div>
</form>
</div>

Catatan : Ubah tulisan berwarna biru dengan tulisan yang anda inginkan.

3. Text Area dengan Scroll Bar

Caranya copy code berikut ini dan paste pada postingan anda pada tab edit html atau pada tempat yg anda inginkan:

Cara membuat text area dengan fungsi scroll / tombol gulir

</div>

Catatan : Ubah tulisan berwarna biru dengan tulisan yang anda inginkan.

Cara Membuat Title Blog Anda Bergerak

Pada kali ini saya akan menjelaskan bagaimana cara membuat title blog anda bergerak, langsung saja ikuti cara - caranya ..

1. Login ke Blog kamu

2. Klik Rancangan, pilih Edit HTML.

3. Cari kode <b:skin><![CDATA]/* , agar mudah mencarinya tekan Ctrl + F lalu tulis kode tersebut.

4. Copy kode dibawah ini dan paste tepat diatas kode tadi:

5. Simpan

Selesai deh, selamat mencoba… mudah – mudahan berhasil J

Dafrtar Kode Warna HTML Untuk Blogger

Kode HTML Warna ini nantinya bisa di gunakan sesuai keperluan kita masing-masing, misalnya untuk merubah warna latar belakang blog blogger kita, warna header, footer, warna font, dsb.

Dafrtar Kode Warna HTML Untuk Blogger : Image

Berikut Daftar Kode Warna yang bisa anda gunakan:

#FFFFFF	#FFFFCC	#FFFF99	#FFFF66	#FFFF33	#FFFF00
#FFCCFF	#FFCCCC	#FFCC99	#FFCC66	#FFCC33	#FFCC00
#FF99FF	#FF99CC	#FF9999	#FF9966	#FF9933	#FF9900
#FF66FF	#FF66CC	#FF6699	#FF6666	#FF6633	#FF6600
#FF33FF	#FF33CC	#FF3399	#FF3366	#FF3333	#FF3300
#FF00FF	#FF00CC	#FF0099	#FF0066	#FF0033	#FF0000

#CCFFFF	#CCFFCC	#CCFF99	#CCFF66	#CCFF33	#CCFF00
#CCCCFF	#CCCCCC	#CCCC99	#CCCC66	#CCCC33	#CCCC00
#CC99FF	#CC99CC	#CC9999	#CC9966	#CC9933	#CC9900
#CC66FF	#CC66CC	#CC6699	#CC6666	#CC6633	#CC6600
#CC33FF	#CC33CC	#CC3399	#CC3366	#CC3333	#CC3300
#CC00FF	#CC00CC	#CC0099	#CC0066	#CC0033	#CC0000

#99FFFF	#99FFCC	#99FF99	#99FF66	#99FF33	#99FF00
#99CCFF	#99CCCC	#99CC99	#99CC66	#99CC33	#99CC00
#9999FF	#9999CC	#999999	#999966	#999933	#999900
#9966FF	#9966CC	#996699	#996666	#996633	#996600
#9933FF	#9933CC	#993399	#993366	#993333	#993300
#9900FF	#9900CC	#990099	#990066	#990033	#990000

#66FFFF	#66FFCC	#66FF99	#66FF66	#66FF33	#66FF00
#66CCFF	#66CCCC	#66CC99	#66CC66	#66CC33	#66CC00
#6699FF	#6699CC	#669999	#669966	#669933	#669900
#6666FF	#6666CC	#666699	#666666	#666633	#666600
#6633FF	#6633CC	#663399	#663366	#663333	#663300
#6600FF	#6600CC	#660099	#660066	#660033	#660000

#33FFFF	#33FFCC	#33FF99	#33FF66	#33FF33	#33FF00
#33CCFF	#33CCCC	#33CC99	#33CC66	#33CC33	#33CC00
#3399FF	#3399CC	#339999	#339966	#339933	#339900
#3366FF	#3366CC	#336699	#336666	#336633	#336600
#3333FF	#3333CC	#333399	#333366	#333333	#333300
#3300FF	#3300CC	#330099	#330066	#330033	#330000

#00FFFF	#00FFCC	#00FF99	#00FF66	#00FF33	#00FF00
#00CCFF	#00CCCC	#00CC99	#00CC66	#00CC33	#00CC00
#0099FF	#0099CC	#009999	#009966	#009933	#009900
#0066FF	#0066CC	#006699	#006666	#006633	#006600
#0033FF	#0033CC	#003399	#003366	#003333	#003300
#0000FF	#0000CC	#000099	#000066	#000033	#000000

#465584	#EEF2F7	#3A4F6C	#00D	#434951	#555
#777	#DFE6EF	#345487	#F5F9FD	#3860BB	#BCD0ED
#C2CFDF	#F0F5FA	#D1DCEB	#003	#900	#CCE9FD
#E4EAF2	#4C77B6	#DFE6EF	#EEF2F7	#F

Nah itulah beberapa kode html warna yang bisa di gunakan blog.

UNLIMITED FREE

Like facebook

TOP ARTIKEL

About Me

Menyambung Postingan Blogger Ke Facebook Secara Otomatis

Animated Recent Post

Energy Saver Untuk Blog

Membuat Efek Banjir di Blog

Modifikasi Blogspot Jadi Super SEO FRIENDLY

link sumber otomatis ketike artikel artikel di copas

Loading Blog Jadi Lebih Cepat

Widget Share Button Melayang

meta tag seo super friendly

Cara Membuat Text Area Pada Blog

Text Area yang akan saya jelaskan ada 3 macam , ada yang sederhana, ada yang memakai tombol "copy all" dan juga ada yang memakai scroll bar :

<textarea rows="6" cols="35">diisi dengan kalimat, kata, kode yang diinginkan</textarea>

Cara Membuat Title Blog Anda Bergerak

Dafrtar Kode Warna HTML Untuk Blogger

Follow me

Tag Cloud