cinta sejati: Tips Trik Blog

Showing posts with label Tips Trik Blog. Show all posts

Cara Membuat Link Sumber Otomatis di Blog

Cara Membuat Link Sumber Otomatis di Blog - Oke selamat pagi buat para bloggers indonesia dan seluruh blogger yang ada di seluruh dunia, kali ini informasi yang akan saya bagikan pada kesempatan kali ini yaitu mengenai info Cara Membuat Link Sumber Otomatis di Blog. mungkin saat ini selalu banyak orang-orang yang men-copas konten artikel blog kita secara tidak wajar, hampir kebanyakan semuanya di copas secara full sampai-sampai akibatnya index blog kita semakin jelek di mata google dan semakin turun drastis blog kita nya.

nah menyangkut semuanya itu, saya akan membagikan sebuah info penting agar gimana cara bila suatu saat ada orang yang mencopas blog kita saat di paste pada objek akan tertera otomatis seperti gambar yang sudah saya contohkan diatas. mungkin lebih lengkapnya seperti itu. yuk langsung saja kita tuturin langkah-langkah Cara Membuat Link Sumber Ototmatis di Blog. yang dibawah ini,

1. Login ke Blogger - Template
2. Untuk Mengantisi takutnya terjadinya kesalahan, alangkah lebih baiknya backup dulu template blog anda.
4. Edit Template - Lanjutkan - Centang "Expand Template Widget" terlebih dahulu
5. Cari Kode <body> Untuk mempermudah pencarian gunakan F3 atau Ctrl+F
6. Copy kode berikut lalu pastekan tepat di atas kode <body>

<script type="text/javascript"> if(document.location.protocol=='http:'){ var Tynt=Tynt||[];Tynt.push('cXIEhKYVSr4lJ5adbi-bpO');Tynt.i={"ap":"Sumber:"}; (function(){var s=document.createElement('script');s.async="async";s.type="text/javascript";s.src='http://infonetmu.googlecode.com/files/sumber-otomatis.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})(); } </script>

7. terakhir, simpan

untuk contoh yang real dan terbuktinya bisa anda lihat gambar contoh diatas,

Mungkin hanya itu informasi yang dapt saya sampaikan di pagi hari ini, semoga info Cara Membuat Link Sumber Otomatis di Blog. bisa bermanfaat dan juga berguna. Ok cukup sekian dulu dari saya, Terima kasih.

Situs Social Bookmark Terbaru-Lengkap 2013 (Dofollow)

Situs Social Bookmark Terbaru-Lengkap 2013 (Dofollow) - daftar social borkmark terbaru 2013

Situs Social Bookmark Terbaru-Lengkap 2013 (Dofollow) - Informasi yang akan saya bagikan pada kesempatan kali ini yaitu mengenai info beberapa Situs Social Bookmark Terbaru-Lengkap 2013 (Dofollow). apakah anda tahu apa kegunaan SOSBOK (Social Borkmark) bagi SEO dan dunia Blog? mungkin beberapa orang diantaranya ada yang sudah mengetahuinya bahkan mengetahui lebih dari yang saya ketahui. baik akan saya jelaskan terlebih dahulu sebelumnya.

sebuah blog atau website yang kita punyai membuthkan dorongan dan dukungan agar posisi artikel yang kita buat dan bagikan berada di posisi search engine "mbah Google" dan itu tidak mudah agar bisa begitu. dibutuhkan persaingan kuat dan perang blog maupun website dimata searchengine google khususnya. itu semua membuthkan teknik yang dinamakan teknik SEO. SEO merupakan singkatan dari Search Engine Optimization yang berarti tujuannya agar membuat blog kita cepat terindex oleh search engine google. memang diantaranya banyak sekali berbagai macam cara dalam optimasi setiap blog ataupun website.

dulu pertama saya mendengar, menekuni, mempelajari apa itu blog khusunya dalam blog blogspot dan bagaimana supaya artikel yang kita buat cepat terindex oleh google. jawabannya saya selalu melakukan aktifitas blogwalking antar sesama tetangga blogger dengan otomatis artikel kita akan terindex dengan sendirinya. lama kelamaan saya berpikir apakah saya akan terus blogwalking saja tanpa adanya perkembangan satu sekali.

nah setelah baca-baca dari sana sini akhirnya nemu ide baru kalo artikel yang sudah kita buat sebaiknya bila ingin SERP nya bagus diharapkan anda meng-Submit artikel anda kedalam sebuah social borkmark (Sosbok). namun dalam mengsubmit artikel kita pun ada batasannya maksimalnya kita sehari biar bagus harus meng submit 10 artikel kedalam sosbok tersebut. dan bila kita terlalu banyak mengsbmit ratra-rata pihak Google akan menganggap SPAM pada blog kita.

dan berikut dibawah ini beberapa diantaranya Situs Social Bookmark Terbaru-Lengkap 2013 (Dofollow)

SITUS SOCIAL BORKMARK TERBARU 2013 LENGKAP

LintasMe (www.lintas.me)
Populerkan (www.populerkan.com)
LinkedIn (www.id.linkedin.com)
Reddit (www.reddit.com)
Fuzzmark (www.fuzzmark.com)
ChimeThis (www.chime.in)
Slashdot (www.slashdot.org)
Klowor (www.klowor.com)
InfoGue (www.infogue.com)
ScoopIt! (www.scoop.it)
Folkd (www.folkd.com)

Mungkin hanya itu yang bisa saya sampaikan mengenai informasi seputar Situs Social Bookmark Terbaru-Lengkap 2013 (Dofollow). semoga informasi ini bisa bermanfaat yang banyak khususnya bagi para blogger lainnya. sekian dan terima kasih

Kumpulan Blog DoFollow Auto Approve Terbaru 2013

Kumpulan Blog DoFollow Auto Approve Terbaru 2013 - Daftar Blog DoFollow Auto Approve Terbaru 2013

Blog DoFollow Auto Approve Terbaru 2013 - Daftar Blog Dofollow 2013 lengkap - Blog Dofollow merupakan sebuah blog yang sangat dicari-cari oleh banyak orang khususnya para peselancar internet dalam dunia blogging, kenapa demikian dengan blog dofollow?

karena blog dofollow rata-rata di manfaatkan oleh kalangan banyak blogger untuk mencari backlink lewat komentar-komentar yang mereka sisipkan pada blog dofollow yang berpagerank tersebut.

namun dalam artian kita juga harus hati-hati super, kenapa? karena pada saat ini pihak google akan segan-segan membanned blog kamu jika pada akhirnya anda menebar SPAM dimana-mana yang dalam artian SPAM yang sangat bnayk dan luas. dan berikut dibawah ini beberapa diantaranya daftar Blog Dofollow terbaru tahun 2013.

DAFTAR LENGKAP BLOG DOFOLLOW 2013 AUTO APPROVE

http://blog.hipmunk.com PR5
http://www.ristizona.com/ PR 3
http://tipis.web.id/ PR 3
http://cendrawasih11.blogspot.com/ PR 3
http://e-je.blogspot.com/ PR 3
http://dhuwuh.blogspot.com/ PR 3
http://cah-cikrik.blogspot.com/ PR 3
http://apocalytyo.blogspot.com/ PR 3
http://blogcenti.blogspot.com/ PR 3
http://www.rizdancreative.net/ PR 3
http://kangtopjer.blogspot.com/ PR 3
http://nazieb.com PR 3
http://dhanaarsega.blogspot.com/ PR 3
http://redeagle21.blogspot.com/ PR 3
http://semuadablog.blogspot.com/ PR 2
http://kolomkesehatan.blogspot.com PR 2
http://javabis99.blogspot.com/ PR 2
http://www.seby-antoe.com/ PR 2
http://red-gear.blogspot.com/ PR 2
http://www.cerdaskom.com/ PR 2
http://blokinfo.blogspot.com/ PR 2
http://pinrangworld.blogspot.com/ PR 2
http://www.belantaraindonesia.org/ PR 2
http://info-kesehatan-kita.blogspot.com PR 2
http://kata-eko.blogspot.com/ PR 2
http://modifblogmu.blogspot.com/ PR 2
http://amin-raha.blogspot.com/ PR 2
http://yukbelajarnge-blog.blogspot.com/ PR 2
http://www.danielmginting.blogspot.com/ PR 2
http://kolomkesehatan.blogspot.com/ PR 2

Mungkin hanya itu yang bisa saya sampaikan mengenai Kumpulan Daftar Blog DoFollow Auto Approve Terbaru 2013. semoga informasi diatas bisa bermanfaat banyak untuk anda semuanya. Sekian dan Terima Kasih

Cara membuat Menu Horizontal di atas Header (Mudah)

Cara membuat Menu Horizontal di atas Header (Mudah) - Informasi yang akan saya bagikan pada kesempatan kali ini yaitu akan berhubungan dengan sebuah tips trik dalam blog. tentunya blogspot. tips yang akan saya bagikan pada kesempatan kali ii yaitu Cara membuat Menu Horizontal di atas Header (dengan Mudah). baik langsung saja kita ikuti langkah-langkahnya sebagai berikut :

1. pertama anda masuk dulu ke akun www.blogger.com anda

2. masuk ke pengaturaan template -> edit HTML -> jangan lupa centang terlebih dahulu expand template widgate nya.

lalu anda cari code ]]></b:skin> lalu letakan codedi bawah ini tepat diatas code ]]></b:skin> kalau pusing anda cukup tekan di keyboard "Ctrl-F" tanpa tanda kutip, lalu ketikan ]]></b:skin> :

#navbar-iframe {
height:0px; visibility: hidden; display: none;
}

Keterangan:
Kode tersebut berfungsi untuk menyembunyikan navbar standar Blogger, sehingga apabila sebelumnya Anda telah menyembunyikan navbar standar maka lewati langkah ini dan lanjutkan pada langkah yang ketiga.

3. selanjutnya sisipkan code CSS berikut tepat diatas code ]]></b:skin> yang tadi. :

/*--------------------------------------------------------------
Menu Navigasi Di Atas Header Halaman Blog
Oleh: Fathan Rohman
Blog: Catatan Harian Fathan
URL : http://catatan-harian-fathan.blogspot.com/
--------------------------------------------------------------*/
.bilah-menu-atas {
width: 100%;
min-width: 960px;
position: fixed;
top: 0px;
left: 0px;
right: 0px;
height: 27px;
font-size: 13px;
z-index: 99;
white-space: nowrap;
background-color: #336699;
background-image: -moz-linear-gradient(center top , rgb(20, 132, 206) 0%, #336699 100%);
box-shadow: 0px 2px 0px rgb(14, 90, 140);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.kolom-utama {
-moz-transition: all 0.2s linear 0s;
width: 960px;
height: auto;
margin: 0px auto;
}

.kolom-menu {
width: 521px;
height: auto;
margin: 0px 0px 0px -41px;
float: left;
display: inline;
}

.kolom-menu ul {
height: auto;
margin-top: 0px;
}

.kolom-menu ul li {
float: left;
position: relative;
list-style: none outside none;
}

.kolom-menu ul li:first-child {
border-left: 1px solid rgba(30, 30, 30, 0.125);
}

.kolom-menu ul li a {
color: #ffffff;
font-weight: bold;
text-shadow: -1px -1px rgba(0, 0, 0, 0.2);
text-decoration: none;
display: inline-block;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
position: relative;
border-right: 1px solid rgba(30, 30, 30, 0.125);
box-shadow: 1px 0px 0px rgba(255, 255, 255, 0.1);
}

.kolom-menu ul li a:hover, .kolom-menu ul li a:focus {
background-color: rgba(255, 255, 255, 0.125);
}

Keterangan:
Warna yang dihasilkan oleh rangkaian kode CSS di atas adalah agar background menjadi warna biru dan putih untuk warna teks. Sehingga apabila belum sesuai dengan desain tampilan halaman blog Anda, maka sesuaikan warna yang digunakan dengan mengganti kode warna yang dipakai pada bagian color:, background-color:, dan background-image:.

4. setelah itu anda cari kode <body> dan sisipkan code berikut dibawah ini tepat dibawah code <body> :

<ul>

<li><a href='URL'>posisi Kiri 1</a></li>

<li><a href='URL'>posisi Kiri 2</a></li>

</ul>

</div>

<li><a href='URL'>posisi Kanan 1</a></li>

<li><a href='URL'>posisi Kanan 2</a></li>

</ul>

</div>

Keterangan:

Ganti http://catatan-harian-fathan.blogspot.com/ dengan URL blog Anda dan ganti pula kata URL dengan link artikel yang akan ditautkan. Dan kemudian ubah kata posisi Kiri 1, posisi Kiri 2, posisi Kanan 1 dan posisi Kanan 2 sesuai dengan menu tampilan yang dikehendaki sesuai selera anda.

5. dan yang Kelima, simpan template.

Setelah template yang sudah anda edit disimpan, maka navbar standar bawaan Blogger tidak lagi ditampilkan di halaman blog akan tetapi sudah tergantikan dengan navbar baru seperti yang tampak pada gambar di atas. Kemudian perlu diketahui bahwa rangkaian contoh kode pada langkah yang keempat akan menghasilkan 2 (dua) buah kolom menu. Kolom sebelah kiri berisikan 3 (tiga) buah menu yaitu Beranda (Home), Menu Kiri 1, dan Menu Kiri 2,

sedangkan untuk kolom sebelah kanan berisikan 2 (dua) buah menu yaitu Menu Kanan 1 dan Menu Kanan 2. Sehingga apabila belum sesuai dengan keinginan, maka silakan dilakukan kustomisasi seperlunya dengan menambahkan atau mengurangi kode <li><a href='URL'>Menu</a></li>. Mungkin hanya itu yang bisa saya sampaikan mengenai Informasi seputar tips blog tentang Cara membuat Menu Horizontal di atas Header (Mudah). semoga tips ini bermanfaat.

Semoga Tips Cara membuat Menu Horizontal di atas Header (Mudah), bisa bermanfaat untuk anda semuanya.

Cara memasang TV ONLINE mivo tv di blog

Cara memasang TV ONLINE mivotv di blog - selamat pagi sahabat fathan semua, membuat pengunjung blog kita senang dan tidak bosan tentunya adalah suatu tujuan yang dimiliki semua blogger saat ini, oleh karena itu catatan harian fathan blog selalu mencoba mencari apa yang disenangi oleh pengunjung selain membaca artikel tentang blog harus ada sesuatu yang menyegarkan serta menghibur para pembacanya.

yaitu salah satu diantaranya yaitu menonton tv, bagaimana? menarik bukan bila kita menonton tv. namun nonton tv disini berbasis online bukan berarti nonton tv di rumah yah. jadi bila kawan-kawan ingin memasang tv online di blognya kawan-kawan bisa mengikuti langkah-langkahnya yang di bawah ini, atau kawan-kawan bisa melihat contoh tayangan tv online-nya melalui blog saya yang ke 3 klik kata ini : daftar harga terbaru

login ke akun blog kawan-kawan semua, lalu copy pastekan code dibawah ini boleh di dalam postingan ataupun di widget blog kawan-kawan.

<embed width="100%" height="860" align="top" wmode="transparent" type="application/x-shockwave-flash"src="http://id.imediabiz.com/MivoTV.swf?r=' + Math.round(Math.random() * 99999) + '" scale="noscale"quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" name="MivoTV" menu="true"devicefont="false" bgcolor="#ffffff" allowscriptaccess="sameDomain" allowfullscreen="true"scroll="auto">
lalu simpan dan lihat hasilnya,
enjoy

semoga tutorial Cara memasang TV ONLINE mivo tv di blog, bisa bermanfaat untuk kita semuanya. semoga berhasil

cara menampilkan judul postingan pada home blog

cara menampilkan judul postingan pada home blog - baik pada kali ini saya akan bagikan sebuah tips trik blog yaitu cara menampilkan judul postingan pada home blog. sudah banyak sekali 1001 tips trik di blog tetangga yang membahas berbagai macam tips trik didalamnya. dan alhamdulilah blog ini pun akan ikut berbagi untuk teman-teman semuanya.

menampilkan judul postingan saja pada home blog sangatlah baik sekali, karena disamping lebih simple dari segi kecepatan blog pun akan semakin berkurang loading nya. dan tidak membutuhkan waktu lama dalam proses loadingnya. dan berikut langkah-langkah dalam cara menampilkan judul postingan pada home blog :

teman-teman masuk dulu ke www.blogger.com
lalu masuk ke "template" dan pilih "editHTML"
lanjutkan, lalu centang terlebih dahulu expand widgetnya
cari code </head> , atau singkatnya bisa gunakan "Ctrl+F"
lalu masukan code CSS yang ada dibawah ini tepat diatas code </head> yang sudah teman-teman cari tadi.

<style type='text/css'>
<b:if cond='data:blog.pageType != "static_page"'><b:if cond='data:blog.pageType != "item"'>
.post {margin:.5em 0 1.5em;border-bottom:0px dotted $bordercolor;padding-bottom:1.0em;height:50px;}.post h3 {margin:.25em 0 0;padding:0 0 4px;font-size:20px;font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif;font-weight:normal;line-height:1.4em;color:#cc6600;}
.post h3 a, .post h3 a:visited, .post h3 strong {display:block;text-decoration:none;color:#cc6600;font-weight:normal;}
.post h3 strong, .post h3 a:hover {color:#333333;}
.post-body {display:none;}.post-footer {display:none;}.comment-link {display:none;}.post img {display:none;}.post blockquote {display:none;}.post blockquote p {display:none;}h2.date-header {display:none;}.post-labels {display:none;}.post-rating {display:none;}
</b:if></b:if>
</style>
lalu klik simpan/save , dan lihat hasilnya

mungkin hanya itu saja yang dapat saya sampaikan mengenai cara menampilkan judul postingan pada home blog, semoga bermanfaat

Cara memasang translate gambar bendera di blog

Cara memasang translate gambar bendera di blog - setelah kemarin sempat posting tentang cara membuat daftar isi otomatis di blog dan teman-teman bisa membukanya disini!! dan pada umumnya seseorang yang bergelut di dalam dunia perkumpulan blog selalu membuat blognya dalam berbasis international, atau gaya bahasanya yang menggunakan bahasa inggris. pertanyaannya , bagaimana kalau blog indonesia yang berbahasa indonesia pula, apakah bisa di baca oleh pihak luar/international? dalam kesempatan kali ini saya akan membagikan tips bagaimana agar blog kita bisa dibaca bahasanya oleh user international lain.

Dengan bantuan translate lah semua kata-kata, kalimat, ataupun bentuk semuanya akan di terjemahkan olehnya. namun pada bahasan kali translate yang akan saya bagikan berupa widget gambar bendera. maksud bendera disini. yaitu bila kita ingin menerjemahkan blog yang berbahasa asing bisa memilih gambar bendera negara yang akan di terjemahkan. dan juga akan menjadikan tampilan blog kita lebih cantik dan baik. misal kita akan memilih mengguankan bahasa perancis, maka bendera yan akan kita klik/pilih yaitu bendera negara perancis. mungkin cukup mudah sekali dalam pemasangannya, berikut dibawah ini cara-cara agar kita bisa memasang translate gambar bendera di blog.

Teman-teman masuk dulu ke blogger.com
Lalu masuk ke settingan "Layout/Tata Letak"
Lalu tambah gadget baru, dan pilih "HTMLjavascript"
Setelah itu, masukan code-code yang sudah saya sediakan dibawah ini, dan copy kan code yang ada diantara dibawah ini kedalam kotak "HTMLjavascript"
Lalu klik simpan/save.

Teman-teman bisa memilih bentuk 2 tampilan widget translate dibawah ini

(Contoh bentuk gambar 1)

copy code dibawah ini kedalam kotak "HTMLjavascript" :

(Contoh bentuk gambar 2)

copy code dibawah ini kedalam kotak "HTMLjavascript" :

mungkin hanya itu dulu yang bisa saya sampaikan tentang Cara memasang translate gambar bendera di blog. semoga bermanfaat, thanks for visiting.

Membuat daftar isi otomatis di blogspot

Membuat daftar isi otomatis di blogspot - baik pada kali ini saya akan membagikan sebuah tips trik blogspot. yaitu bagaimana cara membuat daftar isi otomatis di blogspot. tentunya banyak orang-orang yang bertanya-tanya tentunya saya sendiri pun ikut bertanya di dalam hati karena melihat tampilan blog tetangga lainnya ada yang menggunakan daftar isi. tentunya isi hati berbicara saya harus bisa menemukan itu.

sangat mudah sekali dalam membuat daftar isi otomatis di blogspot, dan tentunya dengan adanya daftar isi didalam blog teman-teman agar memudahkan user yang sedang berkunjung ke blog teman-teman dan tidak terasa pusing dalam proses pembacaannya. karena merupakan hal pendukung yang sangat penting sekali untuk kelancaran serta kemajuan blog kita. sangat mudah sekali dalam pemasangannya. dan langsung saja diantaranya dibawah ini merupakan langkah-langkah dalam membuat daftar isi otomatis di blogspot :

pertama, teman-teman login ke blogger.com
lalu pilih "Tata Letak/layout", dan
pada elemen halaman, pilih "add gadget/tambah gadget",
lalu pilih "HTMLjavascript" dan masukan code yang ada dibawah ini :

<div style="overflow: auto; width: 300px; height: 200px; text-align: left;">
<script style="text/javascript" src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js"></script><script src="http://catatan-harian-fathan.blogspot.com/feeds/post/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>
klik simpan/save.

Keterangan :

untuk Link yang berwarna merah, silahkan diganti dengan alamat Blog teman-teman.
untuk Width: 300px; adalah merupakan lebar dari kotak daftar isi otomotis dan boleh anda sesuaikan
Height: 200px; adalah merupakan tinggi dari kotak daftar isi otomotis dan boleh anda sesuaikan.

mungkin hanya itu yang bisa saya sampaikan mengenai cara Membuat daftar isi otomatis di blogspot. semoga bermanfaat. thanks for visiting.

Cara membuat firefox kita cepat

Cara membuat firefox kita cepat - setelah beberapa waktu kemarin sempat posting tentang sebuah tips trik blog , info kesehatan yang diantaranya yaitu tips beberapa makanan untuk Lansia, selain itu juga ada cara membuat ucapan selamat datang di blog yang mudah-mudahan bisa bermanfaat untuk teman-teman semuanya. dan pada pertemuan kali ini saya akan membahas sedikit tentan info mengenai Cara membuat firefox kita cepat . tentunya bagi teman-teman dan khususnya diri saya pribadi sangat menginginkan sekali bahwa Web Browser yang sudah teman-teman instal terasa cepat dalam loadingnya.

kita ambil contoh saja web browser nya bawaan Mozilla Firefox, firefox sangat bagus sekali dalam segi hal Web Browser. sangat mudah sekali dalam pemakaiannya dan sering digunakan oleh kalangan umum lainnya. mungkin penjelasan dibawah berikut ini akan menjelaskan sekilas Cara membuat firefox kita cepat

pertama tulis oleh teman-teman kata : "about:config" (tanpa tanda kutip)
cari "network.http.keep-alive" . jika didalamnya masih bertanda "false" double-klik agar diubah menjadi "true"
cari "network.http.version" diatur nilainya menjadi "1.1".
Cari "network.http.pipelining". Jika itu masih bertana "false", double-klik agar diubah menjadi "true"
cari dan setting "network.http.proxy.pipelining" menjadi "true" dengan double-klik sama seperti contoh diatas.
cari dan setting "network.http.pipelining.maxrequests" set jadi 8 dengan double-klik. Nilai default untuk pengaturan ini adalah 4.
untuk tambahan: Klik kanan di mana saja dan pilih "New" -> "Integer" (bilangan bulat). beri nama kotak yang akan muncul dengan "nglayout.initialpaint.delay" dan settingan nilai nol "0". keterangan Nilai ini "0" ini adalah jumlah waktu browser menunggu sebelum ia memperlihatkan kepada Anda informasi yang diterimanya. Hal ini terutama bermanfaat pada halaman dengan bar pencarian,

mudah-mudah dengan cara tadi dapat membuat loading mozilla firefox teman-teman semua menjadi cepat loading, dan mungkin hanya itu dulu yang dapat saya sampaikan pada kesempatan kali ini. mengenai Cara membuat firefox kita cepat semoga bermanfaat banyak untuk kita semua. thanks for visiting.

Cara Membuat ucapan Selamat datang di blog

Cara Membuat ucapan Selamat datang di blog - setelah kemarin sempat posting mengenai tips trik blog yaitu cara membuat text area di blog , yang lumayan cukup menarik dan bagus untuk di praktikan. selai itu juga dapat mempercantik tampilan blog teman-teman semua. dan pada kesempatan kali ini saya akan membahas sebuah tips trik blog agar tampilan blog kita saat dibuka terlihat lebih cantik dan menarik, enak untuk dilihat. dengan cara membuat ucapan selamat datang di blog lah tampilan blog kita akan terlihat rapih dan cantik.

kenapa demikian, karena disaat user pertama membuka blog anda, otomatis akan muncul terlebih dahulu kata-kata pengantar, salam , ucapan selamat datang yang telah anda ketikan sebelumnya. sangat mudah sekali dalam penerapan membuat salam ucapan selamat datang ini. mungkin semua orang juga dapat dengan mudahnya mempraktikan tips ini. mungkin langsung saja di bawah ini merupakan langkah-langkah dalam cara membuat ucapan selamat datang di blog.

pertama, teman-teman login ke blogger.com
kedua, klik settingan "Template" lalu pilih "EditHTML"
centang Expland Template Widget terlebih dahulu!
setelah itu, cari code </head> (untuk lebih singkat dan simplenya teman-teman bisa gunakan tekan "Ctrl+F".
lalu masukan code dibawah ini, tepat diatas code </head> tadi.

<b:if cond='data:blog.Url == data:blog.homepageUrl'><script language='javascript'>alert ("masukan Pesan anda disini"); </script></b:if>
Lalu simpan template sobat, dan lihat hasilnya.

keterangan : untuk kata yang saya beri warna merah yaitu "masukan pesan anda disini" itu merupakan pesan yang akan keluar saat blog kita pertama di buka oleh user. dan teman-teman semua bisa menggantinya dan mengkreasikannya se kreatif mungkin. bagaimana? sangat mudahkan dalam hal cara membuat ucapan selamat datang di blog . mungkin hanya itu dulu yang dapat saya sampaikan. cukup sekian dari saya. nantikan kembali pada postingan selalnjutnya mengenai tips trik blog lainnya. semoga bermanfaat. Thanks for visiting

Cara membuat Text Area di blog

Cara membuat Text Area di Blog - cara memasukan code HTML dalam text area dan cara membuat text area. itu dia yang akan kita bahas pada pertemuan kali ini. tentunya teman-teman sempat bertanya apa itu istilah dari Text Area?, baik akan saya bahas disini. Text Area merupakan sebuah ruangan atau tempat dimana kita akan menempatkan atau menyimpan sesuatu yang dianggap khusus atau penting berbeda dari yang lain.

mungkin kita contohkan secara umunnya yaitu kata-kata penting atau pun sebuah coding/code HTML yang biasanya bila dalam sebuah blog di buat yang fungsinya untuk menyimpan sebuah HTML link blog itu. dan intinya untuk pengunjung juga akan terasa enak dan gampang dalam pengcopian code HTML nya. mungkin langsung saja lihat dibawah ini cara agar kita memasang code HTML pada text Area :

<p align="center"><textarea name="code" rows="6" cols="20"> contoh memasukan kata atau code HTML pada text Area di catatan harian fathan </textarea></p>

maka hasil jadinya akan seperti dibawah ini:

Selain dari itu juga ada juga model dari, text area lainnya yaitu dengan sangat praktis sekali dalam hal pengkopiannya. sangat praktis sekali dan tidak berbeda dengan yang atas. namun dalam kali ini ada penambahan tampilan yaitu adanya tombol "copy all" dan bisa kita lihat langsung contohnya yang ada dibawah ini :

<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><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">contoh memasukan kata atau code HTML pada text Area di catatan harian fathan</textarea></p></div></form>

maka hasil jadinya akan terlihat seperti dibawah ini :

mungkin itu yang bisa sampaikan, text area ini biasanya digunakan dalam fungsi tukeran link/link exchange . semoga bermanfaat. thanks for visiting

cara membuat efek salju di blog anda

cara membuat efek salju di blog anda - pastinya bagi setiap pengguna blog mengingkan agar blognya terlihat lebih cantik dan rapih terlihat oleh orang yang melihatnya. nah pada kesempatan kali ini saya akan membahas atau membagikan sebuah tips cara membuat efek salju di blog anda gimana caranya mungkin tutorial dibawah ini akan membantu teman-teman semua agar blog teman bisa ada efek saljunya. berikut cara-cara langkahnya dibawah ini :

pertama login terlebih dahulu ke blogger.com
lalu masuk ke "Tata Letak" pilih Tambah gadget dan pilih "HTML/javascript"
setelah itu masukan code dibawah ini kedalam kotak "HTML/javascript yang telah teman-teman pilih tadi :

<script src='http://hbhost.googlecode.com/files/snow.js' type='text/javascript'> </script>
lalu pilih simpan/save

bagaimana? mudahkan dalam cara membuatnya dan hasilnya bisa kita lihat bersama hujan saljunya akan selalu turun otomatis di blog teman-teman semua, sehingga bisa memanjakan para pembaca blog teman agar selalu tetap stay di blog teman-teman dan semakin betah :D mungkin hanya itu dulu tentang pembahasan cara membuat efek salju di blog anda. semoga bermanfaat banyak bagi kita nantikan kembali dalam tips trik blog selanjutnya. thanks for visiting

Cara memasang widget SMS gratis di blog

cara memasang SMS gratis di blog - sebuah media SMS gratis merupakan sebuah yang merupakan dianggap hal penting dalam dunia komunikasi, karena dikala kita tidak mempunyai pulsa pada operator kartu kita. otomatis dengan bantuan media sms gratis yang di pasang di blog ini akan membantu sekali dalam komunikasi teman-teman semuanya yang pastinya yang tidak mempunyai pulsa.

dalam layanan SMS gratis ini, kita sebagai pengguna tidak hanya dapat mengirim pesan singkat ke operator seluler tertentu seperti misalnya operator Telkomsel, Exis, XL, IM3 dan operator seluler yang lainnya. akan tetapi dapat mengirim pesan singkat ke semua Operator Seluler. Pengunjung dapat mengirim SMS ke nomor tujuan mereka hingga 100 SMS. Free sending Short Message Service ini di buat oleh Nix SMS.sehingga bisa memnjakan pengunjung untuk tetap ada di blog kita. dan dibawah ini merupakan langkah-langkah dalam memasang widget SMS gratis di blog :

masuk dahulu ke blogger.com
pilih "Tata letak"
pilih dan kli "Tambah Gadget"
maka akan muncul beberapa entry pilihan , lalu pilih "HTML/javascript"
dan masukan code yang ada dibawah ini :

<iframe name="widgetsms" src="http://www.sms-online.web.id/widget/" width="270" height="300" frameborder="1"></iframe>
klik "save/simpan"

dan hasilnya bisa dilihat dari contoh dibawah ini :

keterangan : untuk kata yang diberi warna ungu width="270" merupakan lebar dari kotaknya, untuk kata yang diberi warna biru height="300" merupakan tinggi dari kotaknya dan untuk kata yang diberi warna merah frameborder="1" merupakan tebal border yang akan dipasangkan dalam sisi pinggir kotak. dan itu semua bisa diatur nilainya masing-masing sesuka hati keinginan teman-teman semuanya. dan widget SMS gratis ini tidak hanya dipasang dalam sidebar saja, didalam postingan pun widget SMS ini bisa di pasang.

cara membuat efek pelangi di link blog

cara membuat efek pelangi pada link blog,

cara membuat efek pelangi di link blog - pada kesempatan kali ini saya akan membahas sedikit mengenai tips blog yaitu pembahasan kali ini adalah bagaimana cara membuat efek pelangi di link blog. banyak sekali kita temukan blog-blog tetangga yang sering menggunakan link pelangi ini. nah dan banyak pula yang bertanya bagaimana untuk membuat seperti pelangi tersebut.

jika cursor di arahkan ke satu link maka tulisan link tersebut akan berkedip-kedip secara otomatisnya. memberikan efek pelangi berwarna-warni. dan tentunya juga membuat blog kita menjadi cantik, dan menarik. baik untuk mempersingkat waktu, langsung saja ikuti langkah-langkah yang ada dibawah ini :

Kunjungi terlebih dahulu blogger.com
masuk ke "Tata Letak" lalu pilih "Tambah Gadget"
ketiga akan muncul tampilan pilihan
lalu pilih "HTML/javascript"
dan kelima masukan code dibawah ini kedalam kotak "HTML/javascript"yang telah teman-teman klik

<script src="http://tutorialblogspot.googlecode.com/files/LinkPelangi.js" type="text/javascript"></script>
terakhir klik "simpan"

bagaimana ? mudahkan dengan demikian teman-teman memasukan script diatas otomatis ketika cursor diarahkan ke semua link yang ada didalam blog teman, akan berubah memberikan efek pelangi dalam link itu. mungkin hanya itu dulu yang dapat saya sampaikan mengenai cara membuat efek pelangi di link blog. semoga bermanfaat buat semua teman blogger lainnya. thanks for visiting

Cara membuat burung twitter terbang di blog

Cara membuat burung twitter terbang di blog - Twitter merupakan sebuah media jejaring sosial milik Twitter Inc. Menurut dari data yang bersumber dari Alexa Top Sites tertanggal 5 Mei 2012, media jejaring sosial Twitter ini menduduki peringkat yang ke delapan (8) dengan peringkat sebagai situs web yang paling banyak dikunjungi setelah Google, Facebook, YouTube, Yahoo!, Baidu.com, Wikipedia dan Windows Live. Twitter merupakan sebuah social network yang sangat bagus untuk dijadikan media banyak sekali fungsinya diantaranya untuk mempromosikan produk yang kita miliki, baik produk yang berupa barang atau situs web/blog, saling berakrab sesama teman lama karena pengguna Twitter sampai saat ini lebih dari 500 juta pengguna di seluruh dunia ini.

maka dari itu salah satu cara yang akan bisa kita gunakan untuk mempromosikan blog kita atau untuk memperkenalkan blog kita di jejaring sosial twitter ialah dengan cara memasang Twitter flying bird atau Burung Twitter Terbang di blog sehingga pengunjung yang masuk ke blog kita akan otomatis masuk ke profil twitter kita. Dengan memasang Twitter flying bird di blog, akan memungkinkan pengunjung blog kita untuk melakukan Tweet terhadap blog kita atau menjadi follower kita di Twitter. mungkin bagi teman-teman yang ingin memasang widget twitter yang di akan di pasang di blognya teman-teman. bisa langsung saja perhatikan cuplikan berikut dibawah ini :

berikut langkah-langkahnya :

masuk dulu ke blogger
Lalu pilih Tata Letak . lalu pilih tambah gadget
setelah itu pilih lagi "HTML/javascript"
lalu masukan code dibawah ini kedalam kotak "HTML/javascript" yang telah kamu klik barusan :


<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhCcl8U5K-MyuXfaj675ddZem4Z0gcx1Z_nXoecUQOklgkCd07FcEHJVB1h4wtS2geR15hhIS-lHrzztl59r5D07diitEAa92xi7bvM94K7uvUXoQmgXPrI0dUZrD9qWRRXhqaFJhGadc/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/Fathan_Rohman";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>
dan yang terakhir , pilih save

keterangan : untuk link yang diberi warna merah, ganti URL "http://twitter.com/Fathan_Rohman" oleh alamat URL akun twitter teman-teman, dan untuk alamat "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhCcl8U5K-MyuXfaj675ddZem4Z0gcx1Z_nXoecUQOklgkCd07FcEHJVB1h4wtS2geR15hhIS-lHrzztl59r5D07diitEAa92xi7bvM94K7uvUXoQmgXPrI0dUZrD9qWRRXhqaFJhGadc/s1600/burung+twitter+terbang.png" yang diberi warna biru tersebut merupakan sebuah gambar yang akan tampil dalam blog teman-teman,. dan bila teman-teman semua merasa bosan dengan tampilan burung twitternya yang itu-itu saja. bisa teman-teman memilih beberapa tipe burung twitter yang sudah saya sediakan dibawah ini :

gambar burung twitter berwarna merah

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaEwwMyS4MT61n9cm_PMQruMHTjdqWK6k83Tkd1p9CUXUBa46Ofo1VdHxAYs9OHIM_i_x7cL4El1vWkWVmNUX_YRQpX7iw2T62eHXV4sQWjVpdB7JYpt-6AsenY1g1YQzzm6pPF-XtqRY/s1600/red+bird.png

gambar burung twitter berwarna kuning

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh35kt7dFRMF1yaiUCbwvF_6A9lyvDteLJoMBd6caerstzZDPUL7ObwjWR8QBdUnl_zree7PW26xYZ3wXuNwSUDSEvEC6xYgl-kCvteypeCq2U_Cpbqh4HwNvV0fT5kjgR7BoJVlDPT8wo/s1600/yellow+bird.png

gambar burung twitter berwarna biru

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8WJNWxSgnEvXXbhixM0Ix5rruZ9vNhnrp72oAEU88Ds62ZzvyLTQtsb9dwkbe6QEcJ42Png5d7PQ4uKdU-cVOTbFQxALe0aDXPbE4Q5grFJHZ3MCUG5MkbhMIKhkx6dMOWv4EcEldOnM/s1600/Blue+bird.png

gambar burung twitter berwarna hitam

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggCLjlfJilUXkenZIojRLtO3XEPHEZoYyKE3nCKux5RTgV9IairMjlADnto2zb-mBSlfMPNvF8ixVVX0aa-iHoqq7GuXuPrQ44AqWEdabaPi6_2plPbkbzUsGhP5SCUbm88D9zf7xvq6c/s1600/black+bird.png

gambar burung twitter berwarna coklat

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh98fxORTIbeJnQ0iRYFznQWlqA4po1PYsVW1a5_Z6F2DbzGvClh5Iu-fEuvzDACOUSy2enWnGVrD02vGVNQvgRhhlf5u3m5BCoUpRYJ51F2r_KBB5H4T5l60YgnzYoHp_djqw8xaROLIU/s1600/brown+bird.png

gambar burung twitter berwarna Hijau

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPL_ogXs203zXA_rl2XGuogWpVGbN1ttKk1iMgRXHqIzt5RmCbK3xeFolgQWWbT-QcayptUaqKDzedjuOZNc6OjAsDFOO0lNhaR_erIwRF13nAjtQUZx1N9hSBRKN1lGQMvE2kttRp0wE/s1600/Green+bird.png

gambar burung twitter berwarna Ungu

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghqRTFpHQHrL4-WktlRzcnXMRZc2VqWAqoye5I4Ff5w-y0Cr-c2AWs7CGvsM3sU8N3Y6GX4WAmDY0j4nixWVc-1nfzOWDbt7qe5aBVzx7-9NY2EN1vfPYnfbMmBUn3jDhmOaqs1fnDs14/s1600/purple+bird.png

mungkin hanya itu dulu yang dapat saya sampaikan, semoga bermanfaat bagi kita semua. thanks for visiting

Cara Membuat Permalink di Blog

Cara Membuat Permalink di Blog - setelah beberapa waktu yang lalu saya sempat posting tentang masalah pengertian pendidikan sekolah dasar dan pada kesempatan kali ini saya akan membahas sedikit tips blog yaitu bagaimana cara membuat permalink di blog, permalink juga merupakan sebuah teknik penerapan SEO on page yang sangat bagus sekali dampaknya bagi blog kita tersebut. dan berikut ini cara-cara pemasangannya :

Login terlebih Dahulu ke Blogger.com
lalu ke Rancangan - EditHTML ("jangan lupa centang terlebih dahulu Expand Widget Template")
lalu cari code ]]></b:skin>
setelah ketemu, letakan code CSS dibawah ini tepat diatas code ]]></b:skin> tadi


    .permalink-blog
    {border: 2px dashed #424242;
    padding: 5px;
    background: #fbfbef;-moz-border-radius:5px;}

    .permalink-blog a
    {background:none;}
    img.float-right {margin: 5px 0px 0 10px;}
    img.float-left {margin: 5px 10px 0 0px;}
Kemudian setelah itu cari kode <data:post.body/> pada template blog anda. lalu Letakkan kode permalink dibawah ini tepat dibawah kode <data:post.body/>. Jika dalam template anda sudah menggunakan Read More, maka letakkan kode permalink dibawah kode <data:post.body/> yang ke 2 (kedua).

<div class='permalink-blog' style='padding:5px 5px 5px 5px; overflow: auto; width: auto; height: auto; text-align: justify;'><small>Saat ini anda sedang membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> dan anda juga bisa menemukan artikel <data:blog.pageName/> ini dengan url <strong><data:post.url/></strong>. Anda boleh menyebarluaskan atau mengcopy artikel <strong><data:blog.pageName/></strong> ini jika memang bermanfaat bagi anda atau teman-teman anda, namun dengan catatan jangan lupa untuk mencantumkan link sumbernya.</small></div>
untuk melihat hasil sementarnya bisa klik pratinjau pada editHTML nya.
save template dan lihat hasilnya.

Keterangan : untuk yang di beri warna biru itu merupakan warna background dari permalink tersebut, dan untuk tampilan bisa teman-teman kreasikan masing-masing sesuai selera dan kemauan teman-teman.

semoga bermanfaat dan tetap selalu berkarya dalam sebuah catatan

cinta sejati