Tampilkan postingan dengan label Tips Blogging. Tampilkan semua postingan
Tampilkan postingan dengan label Tips Blogging. Tampilkan semua postingan

Mengatasi Masalah Halaman Statis Karena READMORE Otomatis

Diposting oleh mr. xxx on Selasa, 07 Februari 2012

Yhudiyuba | Mengatasi Masalah Halaman Statis Karena READMORE Otomatis. - Masih berhubungan sama postingan saya bebelumnya tentang Cara Mudah Membuat Readmore Otomatis di Blog.

Karena banyaknya terjadi kesalahan error pada saat pemasangan readmore otomatis berfungsi dan ternyata pada halaman statis readmore yang tidak berfungsi, jadi dari pada sobat bingung-bingung memikirkannya mending saya sekalian aja langsung posting solusinya.


1. Login ke account blogger dengan id dan username anda.

2. Masuk ke halaman Editor HTML blogger dan jangan lupa centangan pada tulisan Expand Template Widget

3. Cari kode yang mirip seperti kode dibawah ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if> 

4. Tambahkan kode dibawah ini diatas kode berwarna merah

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>

5. Tambah kode dibawah ini di bawah kode yang berwarna biru 

</b:if>

6. Simpan Template

Semoga dengan Tips Mengatasi Masalah Halaman Statis Karena READMORE Otomatis bisa membantu sobat dan bermanfaat untuk kita semua.

More about

Cara Mudah Membuat READMORE Otomatis di Blog

Diposting oleh mr. xxx

Yhudiyuba | Cara Mudah Membuat READMORE Otomatis di Blog. - Halo sob, mungkin postingan saya kali ini sudah banyak yang mengetahuinya soalnya klo kita search di mbah google udah berjibun banyaknya web atau blog yang menyediakan tutorial ini.

Readmore
Tapi di blog ini saya akan kembali membagikan tutorialnya sekalian juga menjawab pertanyaan salah satu sobat blogger kita yang bertanya kepada saya di kolom komentar berikut isi pertanyaannya "gan tlong ksh tau donk tutrial cra buat readmore,, pliss deh.. blog ane lgi gnti templateas?" pertanyaan itu datangnya dari sobat saya barnama  Arief Rachmadi Blogger Pemula.

Oke gak perlu berlama-lama lagi saya langsung aja ke tutorial Cara Mudah Membuat READMORE Otomatis di Blog :


Sebelumnya silahkan sobat download dulu templatenya biar kalo terjadi kesalahan bisa langsung dikembalikan ke template sebelumnya.

PERTAMA, silakan masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template" atau lihat gambar di bawah ini :

cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.
<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

KEDUA, cari kode html berikut ini : 
<data:post.body/> atau <p><data:post.body/></p> 
ganti kode tersebut dengan kode di bawah ini :
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Keterangan : tulisan yang berwarna merah adalah yang bisa anda ganti. 
==> Summary noimg 430 = tinggi artikel terpenggal tanpa image
==> Summar img 430 = tinggi artikel terpenggal dengan image
==> Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll...

KETIGA, klik save template

Selanjutnya anda bisa melakukan postingan dan lihat hasilnya, Readmore atau baca selengkapnya akan secara otomatis terpasang setelah anda publish postingannya.

Nah smoga tips Cara Mudah Membuat READMORE Otomatis di Blog dari saya ini mudah dimengerti oleh sobat.

Selamat mencoba dan semoga bermanfaat sobat...!!!


Jika Sobat Sukses Menggunakan Readmore Otomatis Pada Blog Sobat dan Jika Bermasalah di Halaman Static Blog (Page Menu) Readmore tidak berfungsi, sobat bisa mengatasi masalah tersebut dengan cara mengikuti tutorial Cara Mengatasi Masalah Halaman Statis Karena READMORE Otomatis

More about

7 Langkah Berhenti Mengikuti Blog Yang Kita Follow

Diposting oleh mr. xxx on Senin, 06 Februari 2012

Yhudiyuba | 7 Langkah Berhenti Mengikuti Blog Yang Kita Follow. - Terinspirasi dari sebuah komentar di blog saya ini yang menanyakan tentang cara untuk untuk berhenti mengikuti suatu blog.

7 Langkah Berhenti Mengikuti Blog Yang Kita Follow
Kira-kira pertanyaannya kayak gini sob "sob,mw tanya kalau unfollow suatu blog yg pernah ikuti gmana y? Mohon info ya,, thanks". Nah lewat postingan ini saya mencoba untuk menjawab pertanyaan dari sobat saya bernama Mona_yashin ini.


Tentunya sobat harus masuk dulu ke akun Blogger sobat.
Pada Dasbor, di Daftar Bacaan pada tab blog yang sobat ikuti, kemudian klik tombol MANAGE.
Setelah itu masuk ke halaman kelola blog yang sobat ikuti.
Klik sete;an pada blog yang akan sobat ingin berhenti mengikuti blog tersebut.
Klik tulisan berhenti ikuti situs ini.
Klik Tombol berhenti mengikuti.
Kemudiannnn jreeeenggg... lihat dech hasilnya.

Gimana sobat gak rumit bukan? semoga tips 7 Langkah Berhenti Mengikuti Blog Yang Kita Follow ini bisa bermanfaat buat sobat dan terlebih lagi kepada saya.

Selamat mencoba dan semoga bermanfaat sobat...!!!
More about

Cara Mudah Mengganti Email Blog

Diposting oleh mr. xxx on Minggu, 05 Februari 2012

Yhudiyuba | Cara Mudah Mengganti Email Blog. - Halo sobat, sebelumnya saya minta maaf klo akhir-akhir ini saya jarang nge_update postingan lagi, bukannya saya udah bosan ngelola blog ini tapi karena saya lagi sibuk ngurus Reuni Akbar Sekolah saya dan kebetulan saya yang didaulat jadi sekretaris panitianya... (sekedar info aja yeach sob) hehehehehe.

Mengganti Email Blog
Oke untuk mengobati rasa kerinduan sobat ama postingan saya (hahahayyy.. narsis), pada kesempatan kali ini saya akan sedikit berbagi info tentang Cara Mudah Mengganti Email Blog.

Sebelumnya saya mau jelasin dulu ke sobat kalo sebenarnya gak ada cara untuk mengganti email login di blog, Silakan cek jawaban resmi Blogger dari pertanyaan:
“How do I change the login name or password on my Google Account?“.

Dari situ maka sobat akan menemukan bahwa memang ada fasilitas untuk mengubah password, tetapi tidak ada fasilitas untuk mengubah email yang digunakan untuk login ke akun google. Maka dari itu untuk mengganti email yang kita gunakan untuk login ke akun blogger, sobat perlu melalkukan sedikit tips dan trik.

Secara garis besar, cara mengganti email yang digunakan untuk login pada blogger atau blogspot adalah dengan mengundang akun blogger yang lain (misalnya AkunBaru) untuk menjadi anggota tim lalu memberikannya admin privileges, lalu dari AkunBaru tersebut, kita hapus akun blogger yang lama (AkunLama) sehingga untuk selanjutnya, alamat email yang digunakan untuk login (masuk) ke akun blogger kita adalah alamat email yang baru (AkunBaru).

Bagaimana? Sudah ada gambaran? Atau tambah bingung? 

Kalo masih bingung, lanjutin bacanya yaa..
Misalkan anda ingin mengganti email login ke blog anda dari AkunLama menjadi AkunBaru.
Langkah-langkahnya adalah sebagai berikut:

Buatlah alamat email gmail baru atau gunakan alamat email yang sudah ada yang akan digunakan untuk login (misalkan, AkunBaru)
Masuklah ke akun blogger lama anda (AkunLama).
Klik Pengaturan > Izin
Klik tombol MENAMBAH PENULIS
Undanglah AkunBaru untuk menjadi untuk menjadi penulis.
Langkah selanjutnya dilakukan pada AkunBaru:

Masuklah ke akun email AkunBaru. Agar tidak repot logout dan login lagi, gunakan 2 browser yang berbeda untuk membuka kedua akun tsb. Misalnya Internet Explorer untuk membuka AkunLama dan Firefox atau Opera atau Safari untuk membuka AkunBaru.
Bukalah email yang berisi undangan dan konfirmasikan kesediaan anda untuk menjadi penulis pada blog milik AkunLama.
Ikuti langkah-langkah selanjutnya.
Selanjutnya, kembali lagi ke AkunLama..

Refreshlah halaman Pengaturan > Izin dan anda akan mendapati AkunBaru sudah menjadi salah satu dari penulis blog anda.
Berikan admin previleges pada AkunBaru dengan mengklik berikan previlese admin.
Masuklah ke akun blogger anda yang baru yaitu AkunBaru.

Pilih Pengaturan > Izin.
Disitu anda akan menemukan dua orang penulis, yaitu AkunLama dan AkunBaru.
Hapuslah AkunLama, sehingga satu-satunya penulis dari blog tersebut adalah AkunBaru.
Untuk selanjutnya, apabila anda ingin masuk atau login ke blog tersebut, anda harus menggunakan email AkunBaru.
Misi Selesai.. 

Sedikit ribet memang, tetapi semoga trik blogger ini bisa sedikit menjawab pertanyaan kita mengenai kemungkinan mengubah alamat yang digunakan untuk login ke blog kita.

Gimana sob, info tentang Cara Mudah Mengganti Email Blog ini?? semoga tidak membuat sobat kebingungan.

Owh iya artikel ini saya buat karena terinspirasi dari http://babeh.net/ yang udah membuat postingan seperti ini terlebih dahulu.

Selamat mencoba dan semoga bermanfaat sobat...!!!
More about

Trik Membuat Kotak Kode HTML Berwarna

Diposting oleh orang maros bisa tonji on Rabu, 01 Februari 2012


Trik Membuat Kotak Kode HTML BerwarnaYhudiyubaTips Blogging - Cara Membuat Kotak Kode HTML Berwarna . - Jujur aja ya sob, sebenarnya saya bingung harus memberi judul apa pada postingan saya kali ini, soalnya takutnya kalo saya kasih judul yang kepanjangan ntar takutnya gak di baca ama mbah google lagi (hehehehehe,,, becanda).

Oke sob pada  postingan ini saya akan nge_share tips blogging tentang Trik Membuat Kotak HTML Berwarna.

Sebagai contohnya silahkan liat aja kode script HTML dibawah ini :


<div style="-moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 10px 0px; overflow: auto; padding: 10px; text-align: center; width: auto;"> 
LETAKAN KODE HTML ANDA DI SINI 
</div>

Berikut tips dan triknyanya :

  1. Dari halaman Dashboard blog anda pilih Posting baru (new post).
  2. Masuk ke Elemen edit HTML.
  3. Masukan kode script diatas pada tempat yang anda inginkan.
  4. Kembali pada Elemen Compose untuk melanjutkan Posting anda
  5. Lakukan pratinjau.
Simpan dan publish.
Keterangan : 

  • Kode warna merah, ganti dengan isi postingan anda, bisa juga anda isi dengan kode HTML atau non HTML
  • Kode warna biru, secara berurutan anda bisa mengganti background, border, tinggi posting dan posisi teks ( left, right, center ) sesuai dengan keinginan anda.
Gimana sob udah ngertikan maksud saya tentang Cara Membuat Kotak Kode HTML Berwarna .

Selamat mencoba dan semoga bermanfaat sobat...!!!
More about

Cara Membuat Halaman Maintenance Pada Blog

Diposting oleh orang maros bisa tonji on Sabtu, 28 Januari 2012


Yhudiyuba | Cara Membuat Halaman Maintenance Pada Blog. - Tips blogging ini menurut saya penting gak penting, tapi kalo dipikir-pikir lebih jauh lagi sangat penting lho... (#gubrakkkk).


Cara Membuat Halaman Maintenance Pada BlogTrik hanya hanya bersifat sebagai pemberitahuan kepada pengunjung blog kita ketika blog yang kita kelola mengalami pemeliharaan atau kerusakan yang bersifat sementara, contoh kecilnya ketika kita mengganti template blog kita ke template yang baru atau hanya sekedar mengedit template Lebih SEO Friendly.


1. Login ke akun blogger sobat
2. Masuk ke rancangan/design
3. Pilih Tata Letak
4. Edit HTML
5. Lalu cari kode berkut: ]]></b:skin> (gunakan Ctrl+F di keyboard sob),setelah ketemu tinggal letakkan kode CSS berikut tepat diatas kode ]]></b:skin>
html { height: 100%; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2H1A7vSIWWfyE2zcgWqjDJ6zNWkcUOmXZLSf1m10g1QjSRMiykqfempM4a0RWQFGZLXgYoKbuSTo4LkXACVwJ3l11HDPXxYQQTFPJKSp21R0vw51LYVfEQtIOvwkJVhJGPXSli7-B7LQv/s320/Cara+Membuat+Halaman+Maintenance+Pada+Blog.jpg) no-repeat center 50%; margin: 0; } body { display: none; }
Kemudian save / simpan templatenya dan lihat hasilnya.


Sobat juga bisa mengganti gambar https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2H1A7vSIWWfyE2zcgWqjDJ6zNWkcUOmXZLSf1m10g1QjSRMiykqfempM4a0RWQFGZLXgYoKbuSTo4LkXACVwJ3l11HDPXxYQQTFPJKSp21R0vw51LYVfEQtIOvwkJVhJGPXSli7-B7LQv/s320/Cara+Membuat+Halaman+Maintenance+Pada+Blog.jpg sesuai dengan selera sobat.

Selamat mencoba Tips Cara Membuat Halaman Maintenance Pada Blog dan semoga bermanfaat sobat...!!!

More about

Cara Mengoptimasi Gambar di Blog

Diposting oleh orang maros bisa tonji on Kamis, 26 Januari 2012


Yhudiyuba | Cara Mengoptimasi Gambar pada blog. - Mengoptimasi gambar pada blog memang sangat dibutuhkan karena mau tidak mau atau suka atau tidak suka itu bisa mendatangkan pengunjung ke blog kita.


Cara Mengoptimasi Gambar di Blog
Cara Mengoptimasi Gambar di Blog

Ada banyak cara untuk mendatangkan pengunjung selain dengan Belajar Optimasi SEO Blogspot juga dapat dilakukan dengan tips blogging lainnya seperti Mengoptimasi Gambar di Blog karena selain dapat mendatangkan pengunjung juga bisa mempertahankan bahkan meningkatkan posisi blog sobat di serp pencarian.

Berikut tips dan trik Cara Mengoptimasi Gambar pada blog :

<img title="Judulgambar" alt="JudulGambar" src="url gambar sobat" />

oke sob, saya rasa cukup tips blogging dari saya tentang Cara Mengoptimasi Gambar pada blog.

Selamat mencoba dan semoga bermanfaat sobat...!!!

More about

Cara Mudah Memback-up Template Blog

Diposting oleh orang maros bisa tonji on Senin, 23 Januari 2012


Yhudiyuba | Cara Mudah Memback-up Template Blog. - Nah, Tips blogging kali ini saya tujukan buat sobat-sobat saya yang senang gonta-ganti pasangan, uppss,,, maksudnya gonta-ganti template di blog. hehehehehe...

Cara Memback-up Template Blog ini terbilang mudah karena kita hanya perlu menyiapkan panci dan sedikit sendok makan,,, hahahahhaha Gak nyambung....

Ya, udah dari pada ngaco terus mending kita langsung aja gimana Cara Mudah Memback-up Template Blog . Berikut tips dan Triknya :

Pertama-tama tentu sobat harus Login dulu dong, trus Pilih Layout -->> Edit HTML. Nha disitu kan ada gini before editing your template, you may want to save a copy of it. Download Full Template> , klik yang ada tulisan Download Full Template terus simpan file tersebut, biasanya file dalam format xml.

Nha kalo mo memasang template baru atau template yang sudah diedit ato mo mengembalikan template ke sebulmnya kamu tinggal klik tombol Upload yang ada dibawahnya.

Gimana sobat..?? mudah bukan...

Selamat mencoba dan semoga bermanfaat sobat...!!!

More about

Cara Mengganti Background Blog

Diposting oleh orang maros bisa tonji on Jumat, 20 Januari 2012


Yhudiyuba | Cara Mengganti Background Blog. - Berawal dari pertanyaan salah seorang teman saya yang baru belajar membuat blog tentang bagaimana cara mengganti backround blog dengan photo sendiri.

Oke tanpa berlama-lama lagi berikut tips bloggingnya tentang Cara Mengganti Background Blog Dengan Gambar :

  • Login ke blogger
  • Rancangan
  • Edit HTML
  • Disini kita mengambil contoh pada background body di tamplate blog kita, cari kode body {
  • Nah di sana terdapat kode background,
body{

background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
Setiap blog mungkin agak berbeda sih Backgroundnya, nah untuk mengganti backborund misal dengan background / gambar ini
http://t0.gstatic.com/images?q=tbn:ANd9GcQZzGLVSQ65wi-P5vkN-r6KeYuNXU__Se04t6_l_2CikdgOak6m6A
Maka kalian cukup menambahkan 
url(http://t0.gstatic.com/images?q=tbn:ANd9GcQZzGLVSQ65wi-P5vkN-r6KeYuNXU__Se04t6_l_2CikdgOak6m6A) repeat-x; pada background tersebut.
Jadi :

body{
background:#ded8c0 url(http://t0.gstatic.com/images?q=tbn:ANd9GcQZzGLVSQ65wi-P5vkN-r6KeYuNXU__Se04t6_l_2CikdgOak6m6A) repeat-x;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
Trik yang lain, Background sobat juga bisa tetap walaupun scroll mouse kamu gerakkan ke atas atau kebawah. Tinggal kamu ganti repeat-x; menjadi repeat-x top left fixed;

Atau yang paling saya suka adalah menggunakan gambar kecil namun bisa menjadi besar dan tetap. Yakni kamu cari dulu gambar kecil, setelah itu seperti biasa, tinggal kamu rubahrepeat-x; menjadi repeat scroll 0 0;

Selamat Mencoba dan semoga bermanfaat sobat...!!!

More about

Trik Membuat Blog Dofollow

Diposting oleh orang maros bisa tonji on Kamis, 19 Januari 2012


Yhudiyuba | Trik Membuat Blog Dofollow. - Untuk tutorial tips blogging kali ini sudah banyak yang membuatnya, bahkan kalo kita mengeceknya di mbah google dengan kata kunci " cara membuat blog dofollow kita bisa menemukan sekitar 707,000 hasil pencarian, (banyak bukan..??).

Tapi tidak ada salahnya jugakan kalo saya membahasnya dan membagikannya kepada sobat blogger yang berkunjung ke blog saya ini.

Sebelumnya saya ingin memberikan sedikit penjelasan dulu tentang apa itu blog dofollow?

suatu blog dimana apabila kita menaruh link ketika kita berkomentar di blog tersebut maka kita akan mendapat 1 backlink gratis (1 komentar kita akan dihitung oleh google sebagai 1 backlink).
Keuntungan inilah yang kadang dimanfaatkan oleh para blogger untuk mencari backlink gratis, apalagi ketika kita ingin mencari / menaikkan page rank kita, trik SEO dengan cara seperti ini dirasa lumayan ampuh dalam meningkatkan page rank kita.

setelah melihat tutorial cara membuat blog dofollow dari master-master blogger, maka saya mengambil salah satu cara yang paling gampang dan tidak rumit.

1. Login ke akun blogger sobat.

2. Pergi ke tab rancangan, lalu pilih edit html.

3. Centang expand template widget, lalu cari kode berikut:
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
4. Hapus kode yang berwarna merah di atas, sehingga kodenya akan menjadi seperti ini:
<a expr:href='data:comment.authorUrl'><data:comment.author/></a>
5. Lalu cari kode berikut ini:
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
6. Kemudian hapus kode yang berwarna merah di atas, sehingga kodenya akan menjadi seperti ini:
<a expr:href='data:backlink.url'><data:backlink.title/></a>
7. Simpan template.

Gimana sobat, mudah bukan...??? sekali lagi cara membuat blog dofollow ini adalah tutorial dari para master blogger jadi saya hanya memperantarai kepada sobat-sobat ku semua.

Percaya gak klo blog saya ini blog dofollow? hehehehehe

Selamat mencoba dan semoga bermanfaat kawan...!!!

More about

Membuat Link Sumber Otomatis Pada Postingan

Diposting oleh orang maros bisa tonji on Rabu, 18 Januari 2012



Yhudiyuba | Membuat Link Sumber Otomatis Pada Postingan Blog. - Sebagai Blogger yang baik dan punya sopan santun ketika melakukan copy paste pada artikel suatu blog baiknya kita ikut mencantumkan sumber link dimana kita meng_copy paste artikel tersebut. Karena coba sobat kembalikan kepada diri sobat sendiri ketika sobat sudah capek-capek membuat sebuah postingan lalu ada yang meng_copasnya tanpa mencantumkan sumber linknya ke blob sobat, tentu perasaan kecewa bahkan marah akan mampir dibenak sobat.

nah, pada tips blogging kali ini saya akan membahas bagaimana Membuat Link Sumber Otomatis Pada Postingan.

Berikut tips dan triknya :
  • Seperti biasa, sobat harus login dulu di blogger.com
  • Centang Expan Template Widget
  • Sebelumnnya download dulu template sobat (takutnya terjadi error pada saat mengedit)
  • kemudian cari kode <body>
  • Dan pasang kode dibawah ini tepat diatas 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://tcr.tynt.com/ti.js';var   h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})(); } </script>
Sobat bisa mengganti tulisan berwarna biru sesuai dengan keinginan sobat. 
  • Simpan/Save Templatenya.
Selamat mencoba dan semoga bermanfaat sobat...!!!

More about

Efek Zoom Gambar Pada Blog

Diposting oleh orang maros bisa tonji on Selasa, 17 Januari 2012

Yhudiyuba | Cara Membuat Efek Zoom Gambar Pada Blog.- Untuk lebih membuat blog sobat terlihat menarik ada banyak cara yang bisa dilakukan seperti membuat tulisan berkedip atau mungkin membuat burung twitter melayang di blog dan masih banyak lagi cara untuk mempercantik blog.

Kali ini saya akan membahas tentang trik mempercantik blog dengan menggunakan Efek Zoom Gambar di Blog berikut tips dan triknya :
  • Silahkan Anda login ke blogger Anda masing-masing
  • Masuk kebagian Rancangan, dan klik bagian Edit HTML, kemudian beri tanda centang pada bagian Expand Template Widget
  • Cari kode ]]></b:skin>, gunakan shortcut keyboard Ctrl + F
  • Setelah ketemu copy paste kode CSS berikut tepat diatas kode tadi
.post img:hover { 
-o-transition: all 0.3s; 
-moz-transition: all 0.3s; 
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-webkit-transform: scale(1.3); }

Kemudian simpan template sobat dan lihat hasilnya (contoh dekatkan mouse sobat pada gambar diatas)....

Selamat mencoba dan semoga bermanfaat sobat...!!!

More about

Belajar Optimasi SEO Blogspot

Diposting oleh orang maros bisa tonji on Senin, 16 Januari 2012



Yhudiyuba | Belajar Optimasi SEO Blogspot. - sebagai blogger pemula mungkin belum pantas untuk saya membahas topik ini, tapi berhubung banyak dari sobat-sobat saya yang bertanya tentang Trik Optimasi SEO yang saya terapkan pada blog ini, maka sayapun memberanikan diri untuk membagikannnya kepada sobat-sobat ku walaupun jujur ini hanyalah Optimasi yang masih kelas rendahan (dasar optimasi).

Pada garis besarnya Optimasi SEO dibagi menjadi dua yaitu optimasi Offpage dan optimasi Onpage

Optimasi Offpage

adalah optimasi SEO dengan cara memanfaatkan ruang dan interaksi yang dilakukan diluar blog., misalnya dengan mencari backlink, bertukar link, tukar banner, komentar, serta blogwalking dan masih banyak lagi cara-cara optimasi Offpage ini.

Optimasi Onpage

Berikut beberapa trik dasar optimasi SEo Onpage yang saya ketahui :

  1. Menata meta HTML, seperti membuat korelasi yang tepat antara keyword, deskripsi, dan konten.
  2. Memperhatikan judul artikel setiap kali melakukan posting artikel. Judul artikel sangat berpengaruh terhadap proses pencarian pada mesin pencari.
  3. Memperhatikan setiap kata dalam artikel. Pada isi artikel, kita bisa melakukan optimasi seo onpage dengan memperbanyak kata-kata yang ditargetkan atau keyword yang menjadi target utama judul artikel yang kita buat.
  4. Tempatkan Keyword pada kalimat pertama alinea pertama lalu dibold dan dibuat strong (huruf miring)
  5. Tempatkan beberapa kode unik pada tag HTML. Tag HTML yang bisa anda buat contohnya seperti ini:

  • <h3> kalimat yang mengandung keyword </h3>
  • <p> kalimat yang mengandung keyword </p>
  • <b> kalimat yang mengandung keyword </b>
  • <em> kalimat yang mengandung keyword </em>
  • <strong> kalimat yang mengandung keyword </strong>
Dan sedikit tambahan agar lebih menguatkan optimasi SEo

Memberikan keyword pada taglink contoh :

<a href =’http://yhudiyuba.blogspot.com”>berbagi info tips dan trik</a>

Masukan Keyword pada gambar
Setiap kali menambahkan gambar kedalam artikel, sebaiknya kita menaruh keyword pada kolom alternate teks  selain pada kolom title dan caption. Hal ini disebabkan sebuah gambar tidak mampu dikenali oleh mesin pencari, untuk itu perlu ditambahkan keyword pada kolom alternate teks.


Terakhir sebagai pelengkap anda bisa memanfaatkan Google Analytics dan google Webmaster Tool untuk mengoptimalkan teknik Optimasi SEO.

Oke, sekian dulu tips dan trik dari saya tentang Optimasi SEO. sekali lagi ini hanyalah tips blogging versi saya. Mohon maaf kalo masih banyak kekurangannya.

Dan berharap komentar dari sobat-sobat  kalo-kalo ada tambahannnya dan kalo ada kesahalan dalam postingan saya ini.

Selamat mencoba dan semoga bermanfaat sobat...!!!

More about

Cara Membuat Twitter Box Di Blog

Diposting oleh orang maros bisa tonji on Minggu, 15 Januari 2012


Yhudiyuba | Cara Membuat Twitter Box Di Blog. - Tips blogging ini saya akan membahas tentang Tips dan Trik mempercantik blog dengan Membuat Twitter Box Di Blog.

Twitter Box Di Blog atau biasa disebut dengan tombol ikuti saya di twitter blog ini bertujuan agar para pengunjung blog kita dapat melihat interaksi kita melalui akun twitternya dan tidak menutup kemungkinan akan menambah follower di twitter anda.


Silahkan Anda kunjungin Disini

Setelah itu setting seperti gambar di bawah ini





Setelah itu klik tombol Finish & Grab Code


kalau sudah ada tombol untuk langsung memasukan ke blogspot, silahkan anda klik agar langsung terpasang dan gak perlu repot - repot

kalau sudah tinggal klik tombol add widget dan selesai deh

Mudah bukan, cara memasangnya? Selamat mencoba dan Semoga Bermanfaat sobat...!!!

More about

Cara Membuat Rerfersh Otomatis di Blog

Diposting oleh orang maros bisa tonji on Sabtu, 14 Januari 2012



Yhudiyuba | Cara Membuat Rerfersh Otomatis di Blog. - Kali ini saya ingin berbagi tips dan trik kepada sobat ku semua, tapi sebelumnya saya ingin menjelaskan dulu fungsi dari penyegaran otomatis blog ini adalah bisa secara otomatis menyegarkan atau merefresh blog kita tanpa harus melakukannya dengan cara manual.

Nah berikut tips bloggingnya tentang Cara Membuat Rerfersh Otomatis di Blog :

Masuk ke Akun Blogger Kamu
Pilih Rancangan »» mengedit HTML
Beri Tanda Daftar PADA  Expand Widget Template
Cari Kode </ head>
Letakkan Kode berikut Kode diatas </ head>
<Meta http-equiv = "refresh" content = " 20 "/>
Simpan Template Kamu.

Perhatikan Kode PADA content = " 20 " , angka'' 20 ''menujukan pe-refresh-an terjadi setiap 20 detik Sekali. Jadi jangan gunakan angka yg Terlalu cepat, ini cara membuat pengunjung Akan jengkel yg berujung Akhirnya meninggalkan blog ANDA. Saran Penulis mengatur / me-refresh Otomatis atur 
setiap 600-900 detik Sekali atau setiap 10 - 15 menit Sekali . Selain menyegarkan Otomatis sebagai trik ini juga berfungsi UNTUK me-Redirect (mengalihkan) URL ke URL yg Satu lain , jika ANDA menginginkan-nya. Misalkan ANDA Ingin aku-Redirect ke alamat afiliasi. UNTUK Fungsi redirect nya Kita Harus pria-set''0''(NOL) detik PADA scriptnya. UNTUK membuatnya gunakan skrip berikut:
<Meta http-equiv = "refresh" content = "0; URL = tulis_alamat_redirect_disini.html "/>
Nah, jika ada yg Membuka Halaman blogmu Maka Akan dialihkan ke alamat URL Otomatis Yang berwarna merah tersebut.

Gimana mudahkan sobat..?? Selamat mencoba dan semoga bermanfaat...!!!


More about

Cara Membuat Internal Link Otomatis di Blog

Diposting oleh orang maros bisa tonji on Jumat, 13 Januari 2012


Yhudiyuba | Cara Membuat Internal Link Otomatis di Blog. - Internal link pada Blog sangatlah penting, karena disamping untuk memperkuat keyword pada suatu postingan, internal link juga sangat bagus untuk tehnik SEO.

Membuat Internal Link Otomatis Pada Blog akan mempermudah anda juga untuk membuat sebuah link yang mengarah kepada homepage blog maupun link yang mengarah kepada halaman itu sendiriagar artikel sobat bisa terkait.

Oke tanpa basa basi lagi berikut tips blogging tentang Cara Mudah Membuat Internal Link Otomatis di Blog :
  • Seperti biasa login bloggerKlik rancangan
  • Lalu klik edit html lalu centang Expand Widget Templates
  • Cari kode <data:post.body/>
  • Masukan kode Internal Link Otomatis dibawah kode diatas,ini kodenya:

Terima kasih telah membaca artikel: <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>.Silahkan baca artikel &#169;<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> yang lainya...!!!
  • Simpan
  • Buka artikel anda dan lihat hasilnya

Selamat Mencoba dan semoga bermanfaat sobat...!!!

More about

Cara Membuat Tulisan Berkedip

Diposting oleh orang maros bisa tonji on Kamis, 12 Januari 2012


Yhudiyuba | Tips Cara Membuat Tulisan Berkedip Dengan Mudah. - halo sobat apa kabar mu hari ini? semoga baik-baik aja ya, amin. Pada kesempatan kali ini kita akan sama-sama membahas tentang Cara Membuat Tulisan Berkedip.

Oke kita langsung saja membahas tips blogging kali ini tentang Cara Membuat Tulisan Berkedip :


Untuk membuat text seperti diatas caranya gampang Sob, cukup copy kode dibawah ini :
<a style="color: #ff0000; font-size: 22px; text-decoration: blink;">Tulisan Anda…</a>
Lalu paste ke mode html tulisan anda.
Ket :
color: #ff0000 = kode warna tulisan, ganti dengan kode warna yang Anda inginkan.
font-size: 22px = ukuran tulisan, atur sesuai keinginan Anda.



Untuk merubah posisi text, Sobat dapat menambahkan kode berikut :
<p style="text-align: center;">
kode
</p>
Ket :
text-align: center = Posisi text di tengah, untuk memindahnya ke kanan sobat dapat mengganti dengan "right" atau "left" (kiri).


Sebagai contoh saya menggunakan kode berikut :
<p style="text-align: center;">
<a style="color: ff0000; font-size: 22px; text-decoration: blink;">* Blog Yhudiyuba *</a>
</p>
Maka hasilnya akan seperti ini :




Selamat Mencoba dan semoga bermanfaat sobat....!!!


Nb : klo sobat melihat contoh tulisan saya yang tidak berkedip itu dikarenakan warna template blog saya yang berwarna putih terang. (jadi sebaiknya kalo ingin menggunakan tips dan trik ini harap sebelumnya untuk menggunakan template warna hitam atau gelap).



More about

Pasang Related Posts + Thumbnails (Gambar) di Blogspot

Diposting oleh orang maros bisa tonji on Sabtu, 07 Januari 2012

Yhudiyuba | Pasang Related Posts + Thumbnails (Gambar) di Blogspot. - Baru dua hari gak buka blog, kangen rasanya. Sebelumnya saya mau minta maaf kepada kawan-kawan soalnya baru kali ini saya ada kesempatan buat buka blog lagi, soalnya 2 hari ini jadwal manggung lagi padat2nya... hehehehehe. Gak kok 2 hari ini saya lagi dapat orderan Job.

Okelah, tanpa basa basi lagi, pada postingan sebelumnya saya udah pernah membahas tentang Cara Membuat Artikel Terkait Atau Related Post Di Blog.  Nah postingan kali ini masih ada hubungannya dengan artikel terkait atau related post cuman disini kita menggunakan related post bergambar alias artikel terkait yang pakai gambar.

related posts with thumbnails for blogger

Berikut tips dan triknya :


Seperti biasa, langkah yang harus di lakukan pertama yaitu login dulu ke blogger kemudian pergi ke Layout/Tata Letak/Design => Edit HTML kemudian beri centang pada bagian "Expand Widget Templates".
Cari Kode
</head>

Kemudian Letakkan kode berikut di atasa kode tadi

<!--Related Posts with thumbnails Scripts and Styles Start-->  <!-- remove -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {  float:center;  text-transform:none;  height:100%;  min-height:100%;  padding-top:5px;  padding-left:5px;  }    #related-posts h2{  font-size: 1.6em;  font-weight: bold;  color: black;  font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;  margin-bottom: 0.75em;  margin-top: 0em;  padding-top: 0em;  }
#related-posts a{  color:black;  }  #related-posts a:hover{  color:black;  }
#related-posts  a:hover {  background-color:#d4eaf2;  }
</style>
<script type='text/javascript'>  var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJCKRlpHWqgDej9gY16Yp3g3jVg4wCGxOpaWTdSFB4jvK1m__ppo4s4kfeFvzIHSCHyBRVT74FNC4aGmvRis2X8O3b498kt38AD9Wswj3l5DQgzxom9N8CWPBsbdw1-QrdUKEG_FdzpYA/s400/noimage.png";  var maxresults=5;  var splittercolor="#d4eaf2";  var relatedpoststitle="Related Posts";  </script>
<script src='http://blogergadgets.googlecode.com/files/related-posts-with-thumbnails-for-blogger-pro.js' type='text/javascript'/>
<!-- remove --></b:if>  <!--Related Posts with thumbnails Scripts and Styles End-->

Setelah itu cari lagi kode

<div class='post-footer-line post-footer-line-1'>

Dan letakkan script ini di bawahnya

<!-- Related Posts with Thumbnails Code Start-->  <!-- remove -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>  <b:if cond='data:label.isLast != &quot;true&quot;'>  </b:if>  <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>  removeRelatedDuplicates_thumbs();  printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);  </script>
</div><div style='clear:both'/>
<!-- remove --></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'><a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html'><img style="border: 0" alt="Related Posts Widget For Blogger with Thumbnails" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><a href='http://bloggertemplates.bloggerplugins.org/' ><img style="border: 0" alt="Blogger Templates" src="http://image.bloggerplugins.org/blogger-templates.png" /></a>
</b:if>
</b:if>  <!-- Related Posts with Thumbnails Code End-->

Untuk menampilkan berapa banyak jumlah related posts bisa dengan mengedit kode dibawah ini: 

var maxresults=5;

Untuk mengganti title, kita bisa mengedit kode ini: 

var relatedpoststitle="Related Posts";

Selamat Mencoba dan Semoga bermanfaat kawan...!!!


More about