Showing posts with label Blog. Show all posts
Showing posts with label Blog. Show all posts

Membuat artikel terkait yang bergambar..

seperti yang anda lihat pada akhir posting ini atau pada gambar diatas. ada link untuk menunjukkan posting yang lain pada blog kita. nah ternyata caranya sangat mudah gak perlu merubah koding template.
caranya adalah dengan menggunakan http://www.linkwithin.com/learn
silahkan masukkan inputan yang disediakan terus ikuti langkah-langkah yang diberikan :)
thats all.
Read more.....

Memasang camp adsense di atas komentar post

agar pembaca dapat berkontak langsung dengan ads yang ada di blog kita maka posisi peletakan adsense pun menjadi perhatian.
seperti yang terlihat pada akhir artikel ini, anda melihat box camp adsense yang terletak diatas komentar. bagaimana cara meletakkan nya ? ikuti langkah berikut.
Anda cukup menyalin script / kode dari Google Adsense, Andsense Camp pada Parser tool di bawah ini, kemudian klik Parse It!

Copykan code hasil parse
Pergi ke Layout> Edit Html dan Expand widget template.
Cari penggalan kode

<data:post.body/>

Sekarang tambahkan kode berikut tepat di atas garis itu.

<b:if cond="data:post.isFirstPost">
<i>Kopikan disini....!!!</i>
</b:if>


Read more.....

optimasi blog/website backlink secara otomatis

Search engine google mengutamakan website atau blog yang mempunya backlink pada website-website lain. backlink merupakan link pada website lain yang mengarah ke website kita. nah ada banyak web yang dapat kita manfaatkan untuk mendapatkan backlink. seperti memberikan komentar dan mencantumkan link web/blog kita. atau submit artikel ke website social bookmark. dll.
namun dengan cara itu terlau repot karena harus melakukan secara manual. ini ada website yang dapat memberikan backlink secara otomatis. kita hanya men submit url website atau blog yang kita punya kemudian backlink-backlinknya pun akan dibuat secara otomatis.

Back Link Tools

1. http://www.imtalk.org/cmps_index.php...site-Submitter

2. http://www.improveseorank.com/free-seo-submission.php

3. http://freebacklinktool.com/wp-login...o=/my-account/

4. http://www.freesitescripts.com/

5. http://marketingblogonline.com/feedbacklinks/

6. http://marketingblogonline.com/autobacklinks/

7. http://www.affmastermind.com/toolbox/quickindex/

8. http://www.funbillion.com/site_submit/

9. http://www.webmasterdeck.com/tools/wsbacklinker/

10. http://www.backlinkgenerator.net/

11. http://verifiedfile.com/seo/
Read more.....

daftar google adsense dengan flyxia

Buat anda yang tidak pernah disetujui membuat akun google adsense nya. jangan khawatir ini ada cara ampuh buat mendapatkan akun google adsense dengan sangat mudah. saya sudah coba dan akhirnya bisa juga mendapatkan akun google.
Buka : 1. Flixya.com
2. klik Sign up untuk membuat akun di flixia
3. Masukan data yang diminta. lalu konfirm melalui email yang telah dimasukan
Kita akan diminta membuat 10 post entah itu upload foto, video, maupun menulis postingan(inggris). (pastikan bahasa inggris ya gan.)
4. Jika telah selesai, klik Monetize
5. Tunggu 1-3 hari sampai Flixya megirimi kita email.
6. Jika email dari google sudah datang kita diminta mengunjungi link membuat google ads.
7. Setelah masuk link tersebut, isi semua isian yang ada secara benar sesuai identitas diri yang benar. jika telah selesai tunggu 1 minggu untuk mengetahui apakah account kita diterima atau tidak.

just it. and its work. jamin deh.
Read more.....

Membuat energy saving mode pada blog

Pernah melihat web/blog yang menggunakan energy saving mode ? ketika web tidak dibuka maka layar akan menjadi hitam. bagaimana cara membuatnya? ikuti langkah berikut.

1. masuk ke dashbor
2. pilih rancangan kemudian edit html.
3. masukkan koding berikut diantara tag <head> </head>.
<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>


4. simpan template. dan blog/web anda akan secara otomatis terpasang energy saving mode.

dapet tutorial dari http://wonaza.blogspot.com/ tentang bagaimana caranya mengganti gambar yang ditampilkan pada saat energy saving mode.
Silahkan Copy dan Paste script berikut dan pasang di gadget/widget anda :

<style type='text/css'>
div#energysaving, div#energysaving * { -moz-border-radius: 0; -webkit-border-radius: 0; border: 0; background: url(http://urlgambaranda/) no-repeat center center fixed black; }
div#energysaving p { margin: 0; padding: 0; width: 100%; font-size: 0px; font-family: arial; color: transparent; position: relative; top: 40%; line-height: 20px; font-weight: bold; text-align: center; text-shadow: none; display: none; }
div#energysaving p span { color: transparent; font-size: 0px; font-weight: normal; display: none; }
</style>


dan jangan lupa script di atas .. anda edit sedikit dengan mengganti link url gambar anda sendiri .. url(http://urlgambaranda/) <-- yang ini ya :)

selesai ....

hasilnya akan seprti ini.

Read more.....

membuat scrol pada Postingan dan widget archive blog


ketika kita menulis blog, sering sekali kita membutuhkan scrolling text agar tulisan gak keliatan terlalu panjang. Apalagi kalau artikel yang kita buat adalah tutorial coding yang njliimet :P . pastinya codenya akan panjang sekalii.

maka dari itu scrollling text lah solusinya. Namun terkadang kita bingung bagaimana code/tag html untuk membuat scrol pada blog. nah buat anda yang penasaran bagaimana caranya hayuuk kita coba ikuti langkah2 berikut.


1. pastikan postingan berada pada edit html (lihat pilihan yang terletak di kanan atas posting editor)


2.gunakan code berikut
<div style="overflow:auto; padding:5px; width:180px; height:180px; background-color: rgb(255, 255, 255); border:1px solid #ccc;">
Tambahkan teks atau script disini
</div>

ganti text yang berwarna merah untuk menentukan width (lebar) dan height(tinggi) dari scrol.

contonya :

Tulisan
didalam
scrol :)
keren
kaan ^^


membuat scrol pada widget Archive blog


pada artikel yang ini sudah dijelaskan bagaimana membuat scrol pada widget Label. nah kali ini menjelaskan bagaimana caranya membuat scrol pada widget archive blog.

1. yang mesti dilakukan adalah login blogger, klik rancangan, edit html, Expand Template Widget.

2. Ctrl F untuk mempermudah pencarian script pada pemasangan widget archive. kemudian perhatikan code berikut
<b:widget id='Gadget1' locked='false' title='Recent Posts' type='Gadget'>

<b:includable id='main'> 

  <!-- only display title if it's non-empty -->

  <b:if cond='data:renderingUrl != &quot;&quot;'>

    <b:if cond='data:title != &quot;&quot;'>


      <h2 class='title'><data:title/></h2>

    </b:if>

<div style='border: 0px solid #F5003D; overflow: auto; width: 310px; height: 100px; text-align: left;'>

    <b:if cond='data:gadgetSnippet != &quot;&quot;'>

       <data:gadgetSnippet/>


    <b:else/>

      <div class='widget-content'>

   ...............................................................


..................................................................

      </div>

    </b:if>


</div>

  <b:else/>

    <data:errorMessage/>


  </b:if>

  <b:include name='quickedit'/>

...............................................





yang berwarna merah adalah tambahan kode scroll yang harus Anda tambahkan, yang berwarna hitam adalah yang harus kita perhatikan untuk patokan meletakkan code berwarna merah.

kalo sepintas di lihat akan sangat membingungkan tapi coba di perhatikan lagi. nantinya akan mengerti. :)

intinya sih pertama coba search widget archive (dan ini pada setiap template ga selalu sama. seperti pada template saya <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>

selanjutnya cari <h2 class='title'><data:title/></h2>
dan pastekan code <div style='border: 0px solid #F5003D; overflow: auto; width: 310px; height: 100px; text-align: left;'> setelah code tersebut.

lalu coba scrol kebawah cari code
<b:else/>

    <data:errorMessage/>

atau

</b:if>

<b:include name='quickedit'/>


jika sudah ketemu coba hitung berapa banyak tag <div> diantara code <h2 class='title'><data:title/></h2> dan <b:include name='quickedit'/>

lalu sesuaikan dengan tag penutup </div>, nah misalnya di antara code tersebut ada 3 <div> maka setelah tag </div> yang ke 3 tambahkan lagi 1 tag </div> untuk menutup tag <div style='border: 0px solid #F5003D; overflow: auto; width: 310px; height: 100px; text-align: left;'>.

contoh pada code template yang saya punya.

<h2><data:title/></h2>
</b:if>
<div style='border: 0px solid #F5003D; overflow: auto; width: 220px; height: 150px; text-align: left;'>

<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>

<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>

<b:include name='quickedit'/>
</div>
</div>
</b:includable>



nah code yang berwarna hitam dan tebal adalah div tambahan.

begituh.. semoga berhasil yah :)

membuat scrol pada Setiap Postingan


Bagi Anda yang ingin membuat full artikel (setelah di klik readmore)tetap terlihat pendek sehingga tidak memnajang ke bawah, tambahkan saja kode scroll pada setiap postingan Anda secara otomatis. Mudah saja untuk cara ini, tinggal Anda tambahkan kode css seperti di bawah ini.
.post {

height:200px;

overflow:auto;

}




membuat scrol hanya pada postingan tertentu


Untuk kasus ini sebenarnya bisa dilakukan dengan cara pertama yaitu penambahan scroll pada text atau html code. Namun akan lebih mudah jika Anda membuat atributnya dengan css dan Anda bisa memanggilnya kapan saja dengan mudah.

 

Masukkan kode dibawah ini di atas ]]></b:skin>
.scrollpost {

height:100px;

width:400px;


overflow:auto;

}



Nah, ketika Anda menulis sebuah postingan awali postingan dengan model penulisan seperti berikut ini.


<div class="scrollpost">

Tulis postingan Anda disini

</div>


Kode tersebut bisa diletakkan ditengah postingan tergantung bagian postingan mana (misal paragraf kedua, berarti gunkan kode tersebut untuk apit paragraf kedua) yang akan di beri scroll.

membuat scrol pada Kotak komentar


terkadang dikarenakan terlalu banyak komentator yang menkomentari artikel kita, blog menjadi terlalu panjang ke bawah. maka dari itu untuk mensiasatinya kita bisa menggunakan scrol agar blog tidak terlalu panjang ke bawah.

Untuk permasalahan satu ini sangat mudah membenarkannya.

- Login blogger

- Rancangan/design

- Edit HTML

- Centang Expand templates widget

- Cari kode berikut  <div class='comment-form'>


- Nah rubah kode scroll dari 'no' menjadi 'yes' perhatikan script lengkap di bawah ini

<div class='comment-form'>
    <a name='comment-form'/>
    <h4 id='comment-post-message'><data:postCommentMsg/></h4>
    <p><data:blogCommentMessage/></p>
    <data:blogTeamBlogMessage/>
    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
    <iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='yes' src='' width='100%'/>
    <data:post.iframeColorizer/>
  </div>



Jika Anda tidak menemukan, Beberapa template bukan menggunakan kode comment-form namun menggunakan kode comment-editor
Read more.....

Membuat Artikel yang Berhubungan (Related Post)


Menu artikel terkait/artikel yang berhubungan sangat berguna sekali untuk para pengunjung agar dapat menemukan artikel lain yang berhubungan dengan artikel yang sedang ia baca. dan biasanya menu tersebut di letakkan di akhir posting.

nah bagaimana cara untuk membuatnya? anda bisa mengikuti langkah2 berikut.

1. login www.blogger.com
2. masuk ke rancangan/design lalu edit html

3. klik Expand Template Widget lalu cari code berikut
<p><data:post.body/></p> atau <data:post.body/>

4. pastekan code berikut setelah code <p><data:post.body/></p>
code :
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<!-- *****************http://hoctro.blogspot.com*****Jan,2007****************** -->
<!-- *****************Related Articles by Labels - Take Two****************** -->
<!--
Modified by JackBook.Com to make it easier to use.
1. Now, users don't need to change anything to use this widget. just copy and paste, and done!
2. The current article will also be listed, now it's no more.
-->
<div class='widget-content'>

<br/><br/><hr align='left' width='80%'/>
<h2>Artikel yang berhubungan</h2><br/>
<div id='data2007'/><br/><br/>
<div id='hoctro'>
</div>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 5;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>

Setelah itu Simpan Templates Dan Selesai.
Read more.....

mengganti icon blog

artikel ini dibuat biar saya gak lupa aja bagaimana caranya untuk merubah icon pada addressbar blog. soalnya pengalaman dulu udah pernah gonta ganti icon tapi lupa lagi bagaimana caranya :P

untuk mengganti icon pada addressbar blog anda ikuti langkah2 berikut.

pertama buat icon yang anda ingin kan dan ganti ukurannya menjadi 24x24 atau 32x32 (sebenarnya ukurannya lebihpun tidak apa2) dengan aplikasi photo editor seperti Gimp atau Photoshop .

lalu upload gambar icon trsb di Photobucket atau di imageshack ato di facebook.

kemudian paste code dibawah ini setelah tag </head>
<link href='http://kendhin.890m.com/sonictrik.gif' rel='SHORTCUT ICON'/>


ganti tulisan yang berwarna merah dengan link location gambar yang telah anda upload tadi.
selesai. :)

source : http://trik-tips.blogspot.com

Read more.....

Promosi blog di FB

artikel ini buat anda yang heran kenapa sih blog gak ada yang ngunjungii, sepii, gak ada yang ngasi commnet :P (pengalaman dri sendiri punya blog kyk gini). nah untung nya sekarang anda bisa mempromosikan blog di facebook dengan menggunakan aplikasi NetworkedBlogs buka aplikasi tersebut kemudian ikuti langkah2 berikut.
1. register a Blog

2. isi Blog Name, URL, Description dll kemudian klik next

3. Are you the author of 'nama blog kamu'? klik yes kalo memang blog ntuh punya anda.

4. klik - Use widget to verify ownership (instant, but some technical skills required)

5. copy widget code ke blog anda

6. klik verify widget

finish :)
Read more.....

Membuat scrol pada widget, label dan archive BLog

widget yang biasa terletak di samping blog akan membuat blog kita semakin bagus untuk di lihat dan akan membuat pengunjung menjadi lebih mudah lagi untuk mengubek2 artikel yang ada pada blog kita. namun ketika blog kita sudah memiliki banyak artikel maka akan timbul masalah dimana widget label akan panjaaang sekali kebawah, dan hal tersebut kurang efektif. untuk mensiasati hal tersebut ternyata caranya mudah. :)
yaitu dengan menggunakan scrol pada widget.

caranya langsung saja yah kita caritau rahasianya.

1. Sign in di www.blogger.com

2. masuk ke Rancangan atau Design terus klik Edit Html

3. Cari Kode: (dengan menggunakan CTR+F)

<b:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'/>
<b:widget id='Followers1' locked='false' title='Pengikut' type='Followers'/>
<b:widget id='HTML2' locked='false' title='My Friends' type='HTML'/>
<b:widget id='HTML5' locked='false' title='Counter flag' type='HTML'/>
<b:widget id='Header2' locked='true' title='Catatan Kuliah ku (Header)' type='Header'/>


4. intinya cari nama widgets yang akan anda beri scroll.
Misalnya kita ingin memberi scroll pada widget Label, maka kodenya kira2 seperti ini
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>t;
Nah kode id yang nanti di pakai untuk Label ini adalah Label1

5. Kemudian Pastekan Kode dibawah ini di atas kode ]]></b:skin>

#Label1 .widget-content{
height:200px;
width:auto;
overflow:auto;
}

Kemudian Simpan Templete.
Nah kalau berhasil nggak akan Error, dan Label akan ada Scrollnya. namun kalo ada error coba cek nama widget yang inin diberi scrol mungkin ada yang salah.

untuk memberi scrol pada widget lain, copy paste code diatas kemudian ganti tulisan yang berwarna merah dengan nama widget yang ini di beri scrol

:)

source : http://www.sentrapromosi.com

update: lebih lengkap lagi bisa kunjungi http://www.masdoyok.co.cc
Read more.....

HTML Special characters

ketika saya coba untuk otak atik entry/artikel pada blog, saya tersandung ketika ingin membuat special character seperti> juga < yang mana character tersebut merupakan tag html. setelah puter otak akhirnya saya menemukan rahasianya..
yaitu dengan menggunakan special character pada html.

Berikut list special character yang bisa digunakan agar bisa menulis di blog dengan lebih leluasa.


&gt;           >
&lt;            <
&amp;      &
&mdash;  —
&pi;           π
&reg;         ®
&infin;      ∞
&nbsp;      (spasi)
&larr;      ←
&rarr;      →
&copy;      ©
&quot;      "
&#170;      ª
&#166;      ¦
&#177;      ±
&#184;      ¸
&#185;      ¹
&#191;      ¿
&#167;      §

daaan banyak lagi yang bisa anda dapatkan disini.. klik disini atau disini
(cape nulis -_-")

update : untuk buat karakter pangkat seperti ini X2 atau yang sepertiini CO2
menggunakan tag <sup></sup> dan <sub></sub>
Read more.....

Membuat Readmore pada blog

mumpung lagi libur isi catatannya bukan materi kuliah.. :P

iseng2 saya ganti template blog, nah timbul masalah karena ketika mengganti template/skin blog maka berubahlah semua pengaturan yang telah ada pada template sebelumnya. maka dari itu biar gak lupa maka saya catat gimana caranya buat readmore pada artikel blog..

pertama dan terutama sekali yang mesti kita lakukan tentunya pergi ke dashboard blog, terus Rancangan, terus edit html. nah selanjutnya jangan lupa ceklist pilihan Expand Template Widget

selanjutnya kita mesti mencari
<data:post.body/>
pada code tempate tsb.
caranya pencet CTR+F lalu paste kan tag tsb.
nah perhatikan code standard yang biasa ada pada code html tempate

<div class='post-body'>

<p><data:post.body/></p>

<div style='clear: both;'/> <!-- clear for photos floats -->

</div>



Perhatikan baik-baik kode di atas, itu merupakan kode asli dari template sebelum di otak-atik. selanjutnya kita ubah sedikit kodenya menjadi


<div class='post-body'>


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

<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p> <!-- satu -->


<b:else/>

<style>.fullpost{display:none;}</style>


<p><data:post.body/></p> <!-- dua -->


<a expr:href='data:post.url'>Read more.....</a>


</b:if>


<div style='clear: both;'/> <!-- clear for photos floats -->

</div>


Kode di atas sengaja di bedakan warnanya, warna biru merupakan kode asli dari template, warna merah merupakan kode yang harus di tambahkan. Yang perlu diperhatikan adalah kode ini :


<p><data:post.body/></p>



Kode di atas harus di pastikan ada dua tidak boleh ada satu karena jika ada satu maka postingan akan hilang semuanya/tidak ditampilkan alias di sembunyikan. Postingan di perlihatkan dan di sembunyikan karena kode :

<style>.fullpost{display:inline;}</style>




<style>.fullpost{display:none;}</style>



{display:inline;} artinya di tampilkan, dan {display:none;} artinya jangan di tampilkan alias sembunyikan dan kode inilah apabila salah pemasangan mengakibatkan semua postingan menjadi tidak di tampilkan, jadi apabila di satukan dari seluruh kode, maka kira-kira seperti ini :

Tampilkan postingan

Jangan tampilkan postingan

Tampilkan postingan apabila di klik link Read more...

cukup sekian untuk edit HTML. :)

selanjutnya masuk ke Pengaturan, terus klik Format, paste kan code berikit pada kotak Templat Entri
<div class="fullpost">

</div>

jadi ketika kita ingin posting entry baru maka code diatas akan otomatis ada pada kota penulisan entry
ohya jangan lupa format untuk menulis

paragraph yang ditampilkan disini
<div class="fullpost">
yang disembunyikan disini</div>


itu saja cukup sekian dan terimakasih.

source : http://kolom-tutorial.blogspot.com/
Read more.....
Related Posts Plugin for WordPress, Blogger...