Seo Dasar untuk Blogspot bagi Blogger PemulaAkhirnya,posting belajar seo nongol juga di blog tutorial ini ya :D 10 Dasar Seo Blogspot
Semoga dapat membantu optimasi dan menambah semangat dalam belajar seo,Insya Allah suatu saat nanti akan kami update jika ada senjata baru dalam seo ini :D |
Rabu, 27 Oktober 2010
Seo Blogspot Dasar untuk Pemula
Jumat, 15 Oktober 2010
Cara SMS Gratis ke Semua Operator / Provider (100% Berhasil!!)
Free Sms Ke Semua Operator via InternetAku pikir udah banyak yang tahu ya,gimana dapat melakukan sms tanpa keluar pulsa sama sekali. Memasang Widget Sms Gratis ke Blog BloggerJika sobat memiliki blog dari blogger,sobat bisa memasang widget free sms ini,dengan meletakkan kode html berikut: <center><iframe vspace="0" frameborder="0" marginheight="0" marginwidth="0" readonly="true" height="400" src="http://s1.gxrg.org/home/" hspace="0" scrolling="no" width="300" allowtransparency="true"></iframe><br/><code><small>di populerkan oleh:<br/> <a href="pelajaran-blog.blogspot.com">pelajaran-blog.blogspot.com</a></small></code></center>Untuk letak kodenya,seperti biasa,bisa sobat letakkan dalam posting,bisa juga meletakkan di element baru,yakni dengan cara: 1.Pilih Dashboard 2.Pilih Tata Letak / Design 3.Klik tulisan Add New Widget 4.Pilih HTML/Javascript 5.Letakkan kode tersebut lalu simpan. Specially thank to: http://s1.gxrg.org/ |
Jumat, 08 Oktober 2010
Membuat Gambar Postingan Melayang / Memiliki Bayangan
Cara Membuat Gambar seolah Melayang Mempunyai BayanganJika beberapa waktu lalu sudah share masalah membuat gambar always on top alias selalu berada di pojok,kali ini adalah membuat melayang atau seolah-olah mempunyai bayangan dari gambar pada posting yang kita miliki. Langkah dan Cara Membuat Gambar Posting Mempunyai Bayangan / BerbayangNah,untuk caranya bisa sobat ikuti langkah berikut ini:
Nah,setelah itu cari kode : .post img { (Gunakan Ctrl+F)Biasanya dibawahnya akan ada kode tambahan untuk cssnya,seperti: .post img {Nah,tinggal ganti kode tersebut dengan kode berikut: .post img {Setelah itu simpan template dan lihat hasilnya :D Specially thax for http://i30.tinypic.com/1qsh1h.jpg |
Jumat, 24 September 2010
Related Post Widget Untuk Blogger (Keren Abis!)
UPdate! Trik Membuat Related Post Widget Untuk Blogger (Keren Abis!),Sudah Direvisi! Dijamin Berhasil 100%
Widget Related Post / Artikel Terkait / Posting Yang Berhubungan
Sebenarnya sudah pernah saya posting sebelumnya,bagaimana membuat related post pada blogger di Cara Membuat Artikel Yang Berhubungan / Related Post / Artikel Terkait.
Namun widget related post yang satu ini sangatlah unik,menarik sekaligus dapat membantu pengunjung melihat posting yang berkaitan.
Jika related post widget untuk blogger yang satu ini masih valid,contohnya bisa sobat lihat di SINI.
Tapi sebelumnya memang sobat diharuskan membuat label terlebih dahulu,caranya sobat bisa baca di SINI.
Setelah label telah diciptakan,dan pastikan rss sobat valid(available rss),seperti rss pelajaran blog,bisa sobat klik icon rss disebelah kanan browser,tampilannya rss nanti seperti klik disini.
Ada 2 pilihan widget related post keren abis yang bisa sobat gunakan,dan dua-duanya pantas untuk sobat coba.
1.Related Post Widget for Blogger dengan Javascript
Teknik ini menggunakan javascript dari http://theblogtemplates.com/scripts/Related_posts_hack.js,lihat sumbernya.
Jika javascript tersebut masih valid alias tersedia,maka widget ini akan bekerja dengan baik.
Contoh gambarnya sobat bisa lihat dibawah ini:
Lihat Gambar Besar
Dan hasilnya kurang lebih akan seperti di sini
Nah,untuk caranya bisa sobat ikuti langkah berikut ini:
- Pertama,pergilah ke Dashboard (Gb.1) blog yang akan anda beri menu navigasi dengan sub menu ini.
Gb.1 - Selanjutnya pilih tab Edit Html (Gb.2).
Gb.2 - Setelah itu,contreng tulisan / checkbox 'Expand Widget Templates' (Gb.3).
Gb.3
Nah,setelah itu cari kode
</head> (Gunakan Ctrl+F),setelah ketemu,persis diatasnya letakkan kode javascript ini di atas kode </head> tersebut:<style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUkVwSJh395bPssdBLIo4Z22EKCEYzorqgmUR0iHKGmLvgp9NMjQaZSUAdgp5_bhShliw-09eXMvV0wAD2OvYHGnfo7PdeAudZbQfsrrReyHZVHDVOnOwozVQ0ONf3NS8s8F4Xtw1sh-E/") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='https://sites.google.com/site/pujiantoroinc/Home/related_post_pelajaran_blog.js' type='text/javascript'/>
Setelah itu,cari lagi kode berikut
<data:post.body/>,setelah ketemu,tepat dibawahnya letakkan kode berikut:<br/><br/><b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>
Setelah itu simpan,selesai.
2.Related Post Widget for Blogger dengan Jasa Blogger Widget (LinkWithin)
Tampilan related post blogger dengan jasa www.linkwithin.com akan seperti ini:
Ingin memilih cara yang no 2 ini? tinggal sobat kunjungi saja situsnya di sini
Bagaimana? siap menghias blog dengan tampilan widget related post terbaru?
Senin, 06 September 2010
Membuat Menu Navigasi Horizontal dengan Sub Menu Navigasi Vertikal
Mari Belajar Membuat Menu Navigasi Dengan Sub MenuBeberapa minggu lalu saya sudah bagikan dari informasi yang saya dapat dari dunia maya,bagaimana membuat menu navigasi css di blogger. Bagi yang belom membaca,silakan langsung klik di sini. Nah,dari email sahabat yang saya terima,menanyakan bagaimana sih membuat menu navigasi horisontal / horizontal dengan submenu / sub menu navigasi vertikel seperti pada blog ini? Bukan suatu kesengajaan,menu navigasi dengan sub menu ini juga saya peroleh dari hasil surfing berbagai blog tutorial untuk blogspot. Bagi kamu yang penasaran bagaimana cara membuat menu navigasi dengan sub menu,bisa ikuti langkah berikkut ini. Langkah dan Cara Membuat Menu Navigasi dengan Sub Menu Untuk Blogger
** Untuk http://tulis_alamat_url_tujuan gantilah sesuai tujuan kamu kemana link akan diarahkan,misal; |
Membuat Menu Navigasi CSS Di Element Baru
Sabtu, 04 September 2010
Hack Cara Mendapatkan atau Mengirimkan Status Update User / Orang Lain Lewat Email
Ingin Mendapatkan Update Status User Lain Langsung ke Email Kamu?Mas,tiap kali posting kok ngomongin Hack sih,emang pinter nghack ya? lalu Pujiantoro said:hahaha emang pinter gue,saking penternya ampe di hack berkali-kali,hihihi.. :( Sekali lagi ya,ini sebenarnya 'it's not seems look like guys!',hanya biar nyak pengunjungnya aja,hehehe.. Tapi jangan beranjak dulu sob,siapa tahu nanti kamu membutuhkan hal seperti ini. Misal,saya tidak ingin ketinggalan apa yang telah diupdate oleh Facebook milik pak Mario Teguh.Sedangkan saya ingin mengetahui setiap saat apa yang telah diupdates pak Mario Teguh dari jutaan teman saya dalam Facebook (jutaan teman? ngayal kalee! :D) Dan TERNYATA saya hanya memerlukan beberapa langkah cara untuk dapat melakukan itu,ingin tahu caranya ga sob? Langkah dan Cara Hack Mendapatkan atau Mengirimkan Status Update User / Orang Lain Lewat EmailYup! jalan satu-satunya saya akan mengirimkan setiap update statusnya pak Mario Teguh via email yang saya miliki. Saya menggunakan www.rssforward.com untuk melakukan trik ini,namun ini baru melihat dari sarananya ya.Cara mengetahui update status user lain dengan rss.forward.com ini sangat mudah sekali,ikuti ya sob!
Selesai,dan semoga berhasil ya :D |

.