Tutorial Blog

Cara memasang musik tersembunyi dalam blog

Posted by Priangga Otviapta Posted on 13.37.00 with 2 comments

Kali ini dalam tutorial blogger saya akan membahas sedikit ilmu yang saya dapat kemarin sewaktu saya mau memasang musik dengan lagu pilihan saya sendiri, Biasa nya kita liat blog dengan musik itu banyak yang menggunakan widget dari pihak ketiga, yang sedikit mengganggu bila kita tidak menyukainya.
sekarang saya akan memberi trik nya agar blog kita mempunyai lagu sesuai kemauan kita. Bagi yang sudah tau silahkan untuk membaca tutorial dan artikel saya di sini.
1. Pertama yang ada butuhkan adalah aplikasi "MP3 to SWF Converter" cari di google dan download, cara penggunaan nya saya anggap sudah bisa ya, karena sangat mudah sekali, dan fungsi dari aplikasi ini untuk meng convert lagu kita menjadi .swf
2.Selanjutnya jika lagu yang kamu mau sudah di convert, sekarang saatnya kamu "Unggah" lagu nya ke akun 4shared, sampai mendapatkan link lagu .swf yang agan uanggah tadi contoh nya begini "http://www.4shared.com/document/E-_P3Obp/Sampe.html?"
3. Sekarang ubah link sobat itu menjadi seperti ini "http://www.4shared.com/embed/E-_P3Obp/Sampe.swf"
4. Sekarang tinggal masukkan scrip di bawah ini dan, masuk ke edit html, tambah javascript nya seperti ini :

<embed src="http://www.4shared.com/embed/E-_P3Obp/Sampe.swf" autostart=true loop=true width=0 height=0 align="CENTER"></embed>

5. Jika mau masang lagunya tidak di tambah javascript, kamu bisa tambahkan kode di atas di bagian setelah <body> di edit html template sobat, tanpa menyertakan "</embed>" nya lagi (jika di dalam script blog)

DEMO

Cara Mengecek SEO Blog Baru

Posted by Priangga Otviapta Posted on 10.21.00 with No comments

http://chkme.com adalah salah satu yang saya andalkan untuk mengecek seo score temple blogspot
cara nya mudah kok untuk melihat nya
1. pertama sobat kunjungi http://chkme.com
2. sudah masuk ke halam home masukkan url blog sobat seperti di bawah ini

3. klik chek SEO score dan lihatlah score nya itulah seo score blog anda yang dihasilkan oleh template blogger dan postingan sobat dan lain-lain nya

Rating : 4.5

Mengikuti blog teman lewat dashboard blogger

Posted by priangga otviapta Posted on 19.01.00 with 4 comments

waduh gara-gara mau follow blog nya mas sugeng tadi saya di bingungkan sendiri gara-gara di blog mas sugeng gak di kasih widget buat follow blog nya :D
nah sempat bingung sendiri ni buat blogger pemula kayag saya 'gimnana ya cara nya buat follow nya' sempat pusing juga, tapi karna hal ini saya mendapatkan ilmu baru nih, yang tadi nya gak tau sekarang saya tau, mungkin teman-teman ada yang sama mengalami kebingungan saat mau mengikuti blog sobat yang lain tapi di blog sobat teman kita gak di sediakan widget follow nya ini lah solusi nya . . .
1. Pertama-tama sobat masuk ke akun blogger sobat dan lari ke dashboard
2. lihat gambar di bawah ini

3. Nah sobat tinggal klik ADD aja di situ sesuai petunjuk gambar di atas
4. sekarang tinggal masukkan aja blog yang mau di follow

Semoga bermanfaat buat yang belum mengetaui nya yah :D amiiinnn

Membuat kotak author di bawah postingan

Posted by priangga otviapta Posted on 15.02.00 with No comments

Assalamualaikum sobat blogger semua nya ariklek kali ini saya mau bahas bagaimana membuat kotak author di bawah postingan nah fungsi dari pada author ini bisa di bilang untuk menulis deskripsi blog sobat sekaligusmemperindah blog sobat sendiri contoh nya bisa di lihat sendiri di bwah postingan bawah ini yah sobat :D

Nah bagi yang sudah gak sabar untuk bagaimana membuat nya ayo mari kita praktekan saja . :~ perhatikan langkah-langkah nya di bawah ini:

1. Login ke akun blogger

2. Pilih rancangan, edit HTML

3. Centang expant template widget.

4. Kemudian sobat cari kode <div class='post-footer'>

5. Copy kode dibawah ini, paste di atas kode <div class='post-footer'>

<b:if cond='data:blog.pageType == "item"'><div class='admin-tulisan'><h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ Deskripsi Blog Sobat</h4><div class='kontainer'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic73DYZiYUEZBBdqk_rBNBImbKTQrxbiAtKVr_X1NZWG9z6ypWKxeo3KLKk_fjdGBNqUxMZt5JpJ4qdhZ107YP_eu_3YZJzaS7j8Tj8mddzkU8ahrijPPZq5ruL25luCB1CfXXBtB6030/s1600/blogger+priangga.png'/>Artikel <a expr:href='data:post.url'><data:post.title/></a> ini diposting oleh <data:post.author/> pada hari <data:post.dateHeader/>. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar.<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href=' http://www.an99a.com/ ' target='_blank'>:: Get this widget ! ::</a></span></p><div style='clear:both;'/></div></div></b:if>

masih lanjut lagi ni sobat semangat yah :D

6. Kemudian cari kode berikut. ]]></b:skin> copy kode CSS dibawah ini tepat diatas kode ]]></b:skin>

.admin-tulisan{display:block;width:auto;background:#CFE2E0;border:2px solid #fff;box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;padding:0;margin:30px 0 10px 0;font:normal 12px Arial, Sans-Serif;color:#222;}.admin-tulisan .kontainer{padding:5px;}.admin-tulisan h4{background:#8A9C04;border:none;border-bottom:1px solid #699019;color:#fff;text-transform:normal;text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);font:bold 12px Arial,Sans-Serif;padding:5px 10px;margin:0 0 0 0;display:block;}.admin-tulisan h4 a{color:#FEEA83;}.admin-tulisan img{width:70px;height:70px;margin:0 10px 0 0;float:left;border:1px solid #954B02;padding:2px;background:#C36702;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}

7. Simpan template sobat dan lihat hasilnya semoga bermanfaat...

#catatan: Sobat bisa ganti kode yang berwarna merah diatas dengan foto dan deskripsi blog sobat.

Membuat halaman blog seolah tergulung dan melipat

Posted by priangga otviapta Posted on 14.38.00 with 12 comments

Mungkin ada yang unik sedikit dari blog saya ini yang sobat-sobat pertanyakan.Yupz benar sekali di blog saya ini tepat nya di ujung sebelah kanan atas ada efek menggulung alias nglotok :D seolah blog ini mempunyai dua lapisan kulit.

untuk melihat bagaimana gambar efek yang di timbulkan nya bisa lihat gambar di bawah ini :D

Okey tanpa banyak bicara lagi cara membuat nya bisa sobat perhatikan seperti langkah-langkah di bawah ini dengan seksama:

1. Pertama sobat lari ke dashboard > design > edit html

2. Setelah itu klik Expand Widget Templates

3. Untuk mempermudahkan pencarian kode di dalam nya tekan CTRL+F

4. Carilah kode <head> bila sudah ketemu letakkan kode di bawah ini tepat di atas kode <head>



<script type="text/javascript">var tujuan ='http://www.an99a.com/'</script>

<script src="http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/pelajarandashblogdotblogspotdotcompagepeel.js" type="text/javascript"></script>

5. Silahkan save template dan lihat hasil nya semoga berguna bagi sobat semua nya :)

Menghilangkan Auto Read More Pada Laman tertentu di blogger

Posted by priangga otviapta Posted on 10.43.00 with 8 comments

Asalamualaikum Sobat Blogger semuanya :o
langsung aja ke pokok permasalahan nya ya sobat :c
Pada penggunaan auto Auto Readmore yang masih standar biasa nya untuk penambahan laman baru di blogger banyak yang mengalami ke bingungan sendiri karna ada beberapa template yang biasa nya waktu kita membuat laman baru tidak langsung yang seperti kita harapkan. Biasanya kata-kata Read More masih mengikuti di bawah postinagn yang ada dalam laman baru yang kita buat, nah disini yang saya maksud , saya mau sedikit memberi solusi buat teman-teman blogger yang belum tahu ikuti langkah-langkah nya di bawah ini dengan teliti ;)

1.      Login ke Blogger
2.      Ke Menu Rancangan -->> Edit Html
3.      BACKUP TEMPALTE . Agar tidak terjadi hal yang tidak di inginkan
4.      Centang pilihan “Expand Widget Templates”.
5.   Pada form Edit HTML, carilah kode "readmore/kata readmore yang sudah di edit sebelumnya"

Dibawah ini adalah auto readmore yang masih standar-standar di gunakan di blog-blog sobat setiap blog kode nya berbeda-beda carilah sesuai kode readmore yang mirip dengan code-code di bawah ini :k

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

6. Tambahkan/sisipkan code-code berikut di antara kode di atas :

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

</b:if>

<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>

7. Sisipkan diantara kode di atas jadi nya seperti ini :

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

7. Selanjut nya simpan template sobat dan lihat hasil nya semoga berhasil dan bermanfaat buat sobat blogger. :y aminnnnnnnnn :y

Melawi In Seo