Pabriktea Blog

Showing posts with label Custom Template. Show all posts

Home > Posts filed under Custom Template

Membuat Recent Post Dengan Feedburner

On Saturday, December 12, 2009 by : Unknown Label: Custom Template

Membuat Recent Post Dengan Feedburner sebenarnya sudah sering di posting di blog-blog sebelah dan kali ini <a href="http://pabriktea.blogspot.com" title="Strategi Blogging">strategi blogging</a> juga ikutan membuat artikel tersebut dengan alasan itung-itung meramaikan suasana :). Sebagimana yang sudah para master katakan bahwa untuk membuat widget recent post via feedburner ini sangatlah sederhana dan blog ini juga menggunakan feedburner sebagai pilihan utama untuk menampilkan posting terbaru. Hal ini dikarenakan adanya beberapa fitur yang saya sukai dari feedburner, diantaranya.. - 1-15 recent post atau unlimited recent post - Menampilkan nama penulis artikel - Menampilkan tanggal posting - dan lain sebagainya Untuk poin 2 dan 3 diatas memang sudah tersedia pada widget default blogger tapi khusus poin 1! sampai saat ini blogger hanya membatasinya sampai 5 artikel saja. Untuk itu untuk anda yang ingin menampilkan recent post lebih dari 5 artikel! anda bisa menggunakan feedburner Sebagai contoh bisa anda lihat di bagian sidebar Startegi Blogging yang berlabel "Recent Post", dimana blog ini <a href="http://pabriktea.blogspot.com/2009/12/membuat-recent-post-dengan-feedburner.html" title="Membuat Recent Post Dengan Feedburner">membuat recent post dengan feedburner</a> dan jumlah recent post yang dipasang yaitu 15 artikel Buat anda yang tertarik untuk membuat recent post dengan feedburner! berikut langkah-langkah pembuatannya: 1. Login di Feedburner 2. Pilih blog anda 3. Klik Publicize 4. Pada menu SERVICES pilih BuzzBoost 5. Scroll down lalu perhatikan pada Feed Section, tentukan jumlah artikel yang ingin anda pasang 6. Klik Active 7. Lihat preview dibagian "BuzzBoost Preview", kalau anda ingin merubahnya! silahkan setting kembali dibagian Feed section setelah itu save 8. Copy paste kode javascript yang tersedia. Buka blogger -> Tata Letak -> Tambah Gadget -> HTML/Javascript -> Simpan Selamat mencoba dan semoga artikel Membuat Recent Post Dengan Feedburner ini bisa bermanfaat.. happy blogging

Membuat Recent Post Dengan Feedburner sebenarnya sudah sering di posting di blog-blog sebelah dan kali ini strategi blogging juga ikutan ...

Penempatan H1 Di Setiap Judul Artikel (Optimasi Halaman Blog)

On Saturday, November 21, 2009 by : Unknown Label: Custom Template, Tutorial

Pada artikel ini Strategi Blogging lebih lanjut mengulas tentang format Heading khususnya penempatan H1 Di Setiap Judul Artikel dan artikel ini merupakan sambungan dari artikel sebelumnya yaitu tentang <a href="http://pabriktea.blogspot.com/2009/11/cara-meningkatkan-page-views-dengan.html" title="Cara Meningkatkan Page Views Dengan Free Keywords">Cara Meningkatkan Page Views Dengan Free Keywords</a>. Dari sekian banyak style heading yang ada, Kenapa harus menggunakan H1? alasannya, H1 merupakan style heading terpenting dan rekomendasi penggunaanya-pun sangat terbatas yaitu satu per halaman Untuk mengetahui format heading yang digunakan pada setiap judul artikel di blog anda, silahkan dibaca terus artikelnya... yuuuu :) Buka blog anda lalu salin judul artikel yang anda inginkan, tekan (ctrl+u) untuk membuka view source, kemudian lakukan pencarian dengan menekan (ctrl+F) paste judul artikel tadi (saya menggunakan google chrome) <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUJknjeBw9Qs6-zeviF9h8LE3FUVBX5GmldToOHuIkxUgi7zgMW4XCdHH-LgaPl5AfI_sb1KnvyWPmtN7c5Q1zW67_tI_EvhrEEp3uRR_fDI1tI_UsCTjU3D8q2_9Yu1prO2bSgng37mer/s1600/h1-judul-artikel.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="Penempatan H1 Di Setiap Judul Artikel (Optimasi Halaman Blog) 1" border="0" id="BLOGGER_PHOTO_ID_5406400047460390322" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUJknjeBw9Qs6-zeviF9h8LE3FUVBX5GmldToOHuIkxUgi7zgMW4XCdHH-LgaPl5AfI_sb1KnvyWPmtN7c5Q1zW67_tI_EvhrEEp3uRR_fDI1tI_UsCTjU3D8q2_9Yu1prO2bSgng37mer/s320/h1-judul-artikel.gif" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 28px;" /></a> Perhatikan format heading yang ada pada kode dibawah ini (bisa berbeda tergantung dari template yang digunakan). Kalau style heading h1 sudah terpasang, artinya anda tidak usah mengedit template karena tujuan dari artikel ini yaitu mengedit style heading dari h2 atau h3 menjadi h1 <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU8ATjXU5BfD46_C_0d2ucnbWx1eMrwcL7B_2xaE2SUhtLsIVTQ2Bm2UmNY3wYF8isJ-4FYxHBzofJI7v8sFC5pK7Fyj0m3X6C6Ro5i6D976wY4je9vXrSddOLieXpknoFJ7nbbjRQz6Fb/s1600/h1-judul-artikel2.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="Penempatan H1 Di Setiap Judul Artikel (Optimasi Halaman Blog) 2" border="0" id="BLOGGER_PHOTO_ID_5406400301457485858" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU8ATjXU5BfD46_C_0d2ucnbWx1eMrwcL7B_2xaE2SUhtLsIVTQ2Bm2UmNY3wYF8isJ-4FYxHBzofJI7v8sFC5pK7Fyj0m3X6C6Ro5i6D976wY4je9vXrSddOLieXpknoFJ7nbbjRQz6Fb/s320/h1-judul-artikel2.gif" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 50px;" /></a> Kalau format Heading yang tertulis Bukan h1 (misalnya h2 atau h3) sebaiknya anda segera merubahnya, Caranya Login di blogger > Dashboard > Layout > Edit Html > aktifkan "Expand Widget Templates" lalu cari (ctrl+F) "post-title entry-title" (seperti pada gambar diatas dan perlu di ingat nama class tersebut bisa berbeda-beda pada setiap template) selanjutnya ubah format heading menjadi h1 seperti gambar di bawah ini <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqE5MME9AhSnn9UsU5d3e0OQp7VeabtRWixNfYf_2NKQ2oXW4taL9ajGmYmN26xv9SwnBg2v3QO-vPB80Hwn7iCpddKTFTMbKVhiU7Kdo12rtzLzg3Kcj3GlLWgZ3VpUmQ5mkuhVg_ISr_/s1600/h1-judul-artikel3.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="Penempatan H1 Di Setiap Judul Artikel (Optimasi Halaman Blog) 3" border="0" id="BLOGGER_PHOTO_ID_5406407572288983474" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqE5MME9AhSnn9UsU5d3e0OQp7VeabtRWixNfYf_2NKQ2oXW4taL9ajGmYmN26xv9SwnBg2v3QO-vPB80Hwn7iCpddKTFTMbKVhiU7Kdo12rtzLzg3Kcj3GlLWgZ3VpUmQ5mkuhVg_ISr_/s400/h1-judul-artikel3.gif" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 179px;" /></a> Setelah itu jangan dulu di "Save" karena ada satu kode lagi yang perlu di ganti, yaitu pada bagian CSS. Penamaan tags pada CSS bisa berbeda-beda pada setiap template hal ini tergantung dari sang template designer tapi umumnya <a href="http://pabriktea.blogspot.com/2009/09/6-clean-blogspot-templates.html" title="Blogspot Templates">blogspot templates</a> itu terdiri dari 4 bagian yaitu header, main content, sidebar, dan footer. Karena target yang akan kita ganti yaitu "Format Heading Pada Setiap Judul Artikel", otomatis tempat yang harus dicari yaitu berada pada "main content" yang memiliki nama-nama lainnya seperti post element, main wrapper, dll. Pada <a href="http://btemplates.com/2009/02/11/codigo-geek/">template</a> yang saya gunakan ini, main content tersebut diberi nama oleh sang templates designer dengan sebutan 'Content'. Selanjutnya, tekan kembali (Ctrl+F) dan cari kode berikut ini "Content", lalu menemukan beberapa baris code seperti dibawah ini: <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTQMtpHIXwoA5pt6HXayEAnwCDTs2rMkjikhQwK2ndiwvOfMd1n1wvHpWfaiCBT7LzQKwS1EfPsVm2kOvP3hc-zgktQeTuPKYC9vsRrvsHtR-G55od5wbJZ0Z3vjVAwDeK__J5yo5YHaJG/s1600/h1-judul-artikel4.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5406758772909203282" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTQMtpHIXwoA5pt6HXayEAnwCDTs2rMkjikhQwK2ndiwvOfMd1n1wvHpWfaiCBT7LzQKwS1EfPsVm2kOvP3hc-zgktQeTuPKYC9vsRrvsHtR-G55od5wbJZ0Z3vjVAwDeK__J5yo5YHaJG/s400/h1-judul-artikel4.gif" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 178px;" /></a> Dari sini saya tinggal mencari beberapa kode heading seperti h2 atau h3, dan berikut kode heading yang tersedia: #content h3, #content h3 a, #content h3 a:hover Selanjutnya tinggal menggantinya dengan format heading h1, sehingga menjadi: #content h1, #content h1 a, #content h1 a:hover Sedangkan untuk isi atau style di masing-masing heading tersebut sebaiknya jangan diubah kecuali kalau anda menginginkannya. Klik "Save" template dan lihat hasilnya. Selamat mencoba dan semoga <a href="http://pabriktea.blogspot.com" title="Strategi Blogging">Strategi Blogging</a> untuk artikel Penempatan H1 Di Setiap Judul Artikel (Optimasi Halaman Blog) ini bisa bermanfaat.

Pada artikel ini Strategi Blogging lebih lanjut mengulas tentang format Heading khususnya penempatan H1 Di Setiap Judul Artikel dan artikel...

Merubah Nama Author Pada Blogspot Dengan Keywords

On Friday, November 06, 2009 by : Unknown Label: Custom Template

Bagi yang suka utak-atik <a href="http://pabriktea.blogspot.com/2009/09/6-clean-blogspot-templates.html" target="_blank" title="Blogspot Templates">Blogspot Templates</a> cara ini mungkin sudah terlalu basi, tapi buat yang belum tahu mungkin saja tips ini bisa berguna. Merubah Nama Author Pada Blogspot tidaklah terlalu sulit hanya perlu mencari beberapa kode yang tersedia dan merubahnya sesuai dengan keinginan anda, Salah satu keuntungannya yaitu anda bisa merubah nama author tersebut dengan keywords yang anda bidik. Secara default nama Author ini diambil dari <a href="http://www.blogger.com/edit-profile.g" target="_blank" title="profil blogger">Profil Blogger</a>, yaitu pada bagian "Identity > Dispaly Name". Sederhananya anda bisa merubah nama yang tertera pada display name (Author) dengan yang diinginkan, hanya saja cara ini kurang efektif kalau anda mempunyai banyak blog dan menginginkan pada setiap blog memiliki nama Author yang berbeda, terlebih jika ingin merubahnya dengan Keywords tertentu Untuk mensiasatinya! anda harus merubah beberapa kode, caranya bisa dilihat dibawah ini: Buka blog anda > Dashboard > Layout > Edit HTML > klik Expand Widget, lalu cari kode berikut ini: <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <b:if cond='data:top.showAuthor'> <data:top.authorLabel/> <data:post.author/> </b:if> Hapus / ganti nama pada kode yang dicetak tebal diatas dengan keywords yang anda bidik, misalnya blog ini saya ganti namanya dengan keywords Strategi Blogging, hasilnya seperti ini <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <b:if cond='data:top.showAuthor'> <data:top.authorLabel/> Strategi Blogging </b:if> Setelah selesai, simpan template anda dan lihat hasilnya. <a href="http://pabriktea.blogspot.com/2009/11/merubah-nama-author-pada-blogspot.html" title="Merubah Nama Author Pada Blogspot Dengan Keywords"><img alt="Merubah Nama Author Pada Blogspot Dengan Keywords" border="011" id="BLOGGER_PHOTO_ID_5400864572699496402" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhalqBEFZfS3rm5IGBS8lMAhchdeIkbzXQlBRgLG6eM8PHIfUr6DS6wVX-Y0k0hZKir751f50tqKlocT_TCavptFpkr1Sssq-jxctce8LCx_fUBlEcZN_GYkXPm15OjZpGjooqGs4s2SV8c/s400/merubah-nama-authors.gif" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 45px;" /></a> Lakukan seperti contoh diatas untuk merubah blog-blog anda yang lainnya Selamat mencoba dan pada kesempatan lainnya, <a href="http://pabiriktea.blogspot.com" title="Strategi Blogging">Strategi Blogging</a> akan memposting artikel tentang tips custom blogspot templates lainnya salah satunya yaitu cara menambahkan popup title pada setiap judul artikel, Stay tune dan semoga Tips Cara Merubah Nama Author Pada Blogspot Dengan Keywords ini bisa bermanfaaat.

Bagi yang suka utak-atik Blogspot Templates cara ini mungkin sudah terlalu basi, tapi buat yang belum tahu mungkin saja tips ini bisa bergu...

Versi Terbaru Share Button Facebook

On Sunday, October 25, 2009 by : Unknown Label: Custom Template

Posting sebelumnya yaitu tentang cara meningkatkan traffic lewat <a href="http://pabriktea.blogspot.com/2009/10/337-daftar-layanan-video-sharing.html" title="">337 Daftar Layanan Video Sharing</a>! kali ini Strategi Blogging berbagi informasi lainnya yaitu tentang Facebook. Baru-baru ini Facebook meluncurkan versi terbaru tentang Share Button, versi ini dilengkapi dengan live counter dan analisia data. Apablia anda menggunakan Share Button Facebook pada konten! anda bisa melihat seberapa banyak jumlah share, komentar, dan klik yang mengarah langsung ke blog anda. <a href="http://pabriktea.blogspot.com/2009/10/versi-terbaru-share-button-facebook.html" title="Share Button Facebook">Share Button Facebook</a> ini bisa menjadi salah satu kontibutor penggerak traffic melalui jaringan sosial dan pihak facebook sendiri menjelaskan! pada setiap minggu terdapat sekitar 2 milyar konten yang di bagikan (share) di social network dan facebook merupakan salah satu bagiannya Untuk menginstal Share Button Facebook di blog! silahkan masuk ke halaman <a href="http://www.facebook.com/facebook-widgets/share.php" target="_blank" title="Widget Facebook">Widget Facebook</a>, setelah itu pilihlah button style sesuai dengan keinginan anda (button & link). Lalu tambahkan beberapa baris kode yang telah disediakan kedalam blog anda. Cara menginstalnya hampir sama dengan postingan yang pernah <a href="http://pabriktea.blogspot.com" title="Strategi Blogging">Strategi Blogging</a> tulis! yaitu tentang <a href="http://pabriktea.blogspot.com/2009/07/menambahkan-retweet-this-pada-blogspot.html" target="_blank" title="cara menambahkan retweet this pada blogspot">cara menambahkan retweet this pada blogspot</a> <a href=""><img alt="Versi Terbaru Share Button Facebook" border="0" id="BLOGGER_PHOTO_ID_5397104542415292626" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFPjRgdAvdwgNwOFvf5USMhmYZzXl5ky_TEvtOfCh8Hpkz-czETjAHI6gSo9gRkvp6xWvPGQBC85Z_9pztPJMjDYDkt8O_HC-qFSExg3GMRAQ-T-E4Rzzsaei7SNECCYkfC3wMmA8tBeh6/s400/share-facebook.gif" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 287px;" /></a> Semoga Bermanfaat

Posting sebelumnya yaitu tentang cara meningkatkan traffic lewat 337 Daftar Layanan Video Sharing ! kali ini Strategi Blogging berbagi info...

Simple Wordpress Theme For Affiliate Marketing

On Thursday, October 22, 2009 by : Unknown Label: Custom Template, Tutorial

Salah satu cara mempromosikan produk affiliate yang <a href="http://pabriktea.blogspot.com" title="Strategi Blogging">saya</a> ketahui yaitu dengan membuat landing page blog di platform wordpress. Hanya saja untuk mencari <a href="http://pabriktea.blogspot.com/2009/09/6-clean-blogspot-templates.html" title="6 Clean Blogspot Templates">template</a> yang benar-benar simple (sesuai dengan keinginan)! susahnya minta ampun. Tapi berkat bantuan mbah google akhirnya saya menemukan Simple Wordpress Theme For Affiliate Marketing yang super simple. Namanya yaitu MiniSite Templates <a href="http://pabriktea.blogspot.com/2009/10/simple-wordpress-theme-for-affiliate.html"><img alt="MiniSite Templates | Simple Wordpress Theme For Affiliate Marketing" border="0" id="BLOGGER_PHOTO_ID_5395271695777855490" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMUIRyDWY5desOuOtkFVChnx_5Oi6pAk_uzfDV0d7NdG8be9cX-NIaLFEOJ1JX9rQezqI1UAYSPM1D1OAcPp5UElaRqiy4XE-RrGhvj7uBpi0B91NUpQlYH64hyphenhyphenQCuILJnc1pJmwrBn6Eq/s200/screenshot.png" style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 200px; height: 150px;" /></a>Sebelum menggunakan MiniSite Templates atau Simple Wordpress Theme For Affiliate Marketing! ada beberapa pengaturan yang harus anda buat, diantaranya: 1. Buka software FileZilla lalu extract dan simpan semua file MiniSite Templates di folder /wp-admin/themes 2. Login akun wordpress anda, pada sidebar buka menu "Pages" dan buat single page lalu beri nama HOME, halaman ini akan tampil sebagai homepage, jangan lupa matikan fitur comment 3. Buka "Settings > Reading", lalu klik Front Page Displays dan pilih "Static Page", kemudian pada pilihan "front page" pilih kembali "Home", lalu simpan 4. Buat atau masukan artikel anda. (menu navigasi akan dibuat secara otomatis sesuai dengan judul artikel anda) 5. Selesai Untuk melihat demo tampilan dan mendonwload script MiniSite Templates, saya sudah sediakan linknya, yang diambil langsung dari website resmi MiniSite <a href="http://www.gardentoolster.com/" target="_blank" title="MiniSite Template Demo">DEMO</a> | <a href="http://www.mrproductinfo.com/dl/MrMiniSite.zip" title="MiniSite Template Download">DOWNLOAD</a> Tampilan MiniSite Templates diatas memang cukup sederhana, kalau anda menginginkan tampilan Simple Wordpress Theme For Affiliate Marketing, Minisite Templates, atau Affiliate Theme yang sangat professional! mungkin anda harus sedikit megeluarkan biaya. Salah satu tempat yang sering dikunjungi para marketer yaitu <a href="http://www.affiliatetheme.net/1278.html" target="_blank" title="Simple Wordpress Theme For Affiliate Marketing | Affiliate Theme">AffiliateTheme.net</a>, monggo dicek... Semoga bermanfaat

Salah satu cara mempromosikan produk affiliate yang saya ketahui yaitu dengan membuat landing page blog di platform wordpress. Hanya saja u...

Video Tutorial Convert PSD to XHTML

On Wednesday, October 21, 2009 by : Unknown Label: Custom Template, Tutorial

Buat yang sering utak-atik mendesain <a href="http://pabriktea.blogspot.com" title="Startegi Blogging">blog</a> atau kebetulan anda sedang mencari cara mengkonversi file PSD (photoshop) menjadi XHTML! mungkin saja video tutorial ini bisa membantu. Sayangnya video ini tidak disertai dengan bantuan audio, tapi dari segi kualitas! Video Tutorial Convert PSD to XHTML ini cukup memuaskan. Video ini saya copas dari net.tutsplus.com dan selain menyajikan video <a href="http://pabriktea.blogspot.com/search/label/Tutorial?max-results=40" title="Tutorial">tutorial</a>! mereka juga menyediakan contoh kode yang bisa anda download secara gratis. Video Totorial Convert PSD to XHTML ini dibagi menjadi beberapa bagian, diantaranya : 1. Slicing the PSD and Creating the XHTML - Part I 2. CSS - Part II 3. Implementing a Bit of Javascript 4. Kicking IE6's Butt (no video) Berikut Video Tutorial Convert PSD to XHTML bagian pertama, Slicing the PSD and Creating the XHTML: <embed src="http://blip.tv/play/gcMV1_8IAA" type="application/x-shockwave-flash" width="450" height="300" allowscriptaccess="always" allowfullscreen="true" title="Video Tutorial Convert PSD to XHTML"></embed> Untuk melihat lanjutan Video Convert PSD to XHTML, yaitu tentang CSS, Implementing a Bit of Javascript dan Kicking IE6's Butt (no video), silahkan kunjungi website resminya di alamat berikut ini <a href="http://net.tutsplus.com/videos/screencasts/how-to-convert-a-psd-to-xhtml/" title="Video Convert PSD to XHTML">net.tutsplus.com</a> Semoga Bermanfaat

Buat yang sering utak-atik mendesain blog atau kebetulan anda sedang mencari cara mengkonversi file PSD (photoshop) menjadi XHTML! mungkin ...

6 Clean Blogspot Templates

On Tuesday, September 15, 2009 by : Unknown Label: Custom Template

Postingan kali ini jelas-jelas tidak ada kaitannya dengan kontes SEO <a href="http://pabriktea.blogspot.com/2009/08/kenali-dan-kunjungi-objek-wisata-di.html" title="Kenali dan Kunjungi Objek Wisata di Pandeglang"> Kenali dan Kunjungi Objek Wisata di Pandeglang </a>, tapi kali ini saya lagi mood posting tentang 6 Clean Blogspot Templates yang diambil dari website <a href="http://www.btemplates.com">btemplates.com</a>. Mimbo <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisvoTIXL9evmDrIlPPtAbzgP9wCduKouKcXBHHOnkeZ5hO-ZYFFGoFuixgKtJx_G7zUYcK3S7Y_aAiAN6755DmfEOh2JKVI7Q_AWVoCWhrtZc82uhX7pVx_EGDrYsAEjxU3Xy7qJV8la6e/s1600-h/Mimbo-225x128.jpg"><img alt="Clean Blogspot Templates" border="0" id="BLOGGER_PHOTO_ID_5381683178689413490" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisvoTIXL9evmDrIlPPtAbzgP9wCduKouKcXBHHOnkeZ5hO-ZYFFGoFuixgKtJx_G7zUYcK3S7Y_aAiAN6755DmfEOh2JKVI7Q_AWVoCWhrtZc82uhX7pVx_EGDrYsAEjxU3Xy7qJV8la6e/s200/Mimbo-225x128.jpg" style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 200px; height: 114px;" /></a>Properties : 3 Columns, Adapted from Wordpress, Left sidebar, Minimalist, Right sidebar, White Source : btemplates.com <a href="http://www.deluxetemplates.net/2009/09/blogger-templates-mimbo.html">Live Demo & Download</a> size: 8.67kb iBizPress <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRw32YQuZjBI0MZMgli5L3IZR-0pZMClJ99qyap5BhMuQZ0ckaf7d0Ba2rMDwtCtXyVK2pYwB8l8Bl3lc3k6J_nL6NHYthc3dPX2muiY1v8x_0ZcNucRIK3KkM3QcFV5TninbHCyviqg-T/s1600-h/IbizPress-225x128.jpg"><img alt="Clean Blogspot Templates" border="0" id="BLOGGER_PHOTO_ID_5381685091467876866" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRw32YQuZjBI0MZMgli5L3IZR-0pZMClJ99qyap5BhMuQZ0ckaf7d0Ba2rMDwtCtXyVK2pYwB8l8Bl3lc3k6J_nL6NHYthc3dPX2muiY1v8x_0ZcNucRIK3KkM3QcFV5TninbHCyviqg-T/s200/IbizPress-225x128.jpg" style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 200px; height: 114px;" /></a>Properties : 2 Columns, Adapted from Wordpress, Fixed width, Right sidebar, Rounded corners, White Source: btemplates.com <a href="http://ibizpress-btemplates.blogspot.com/" rel="nofollow">Live Demo</a> | <a href="http://btemplates.com/download/1245/">Download</a> size: 7.88kb Cordobo Park <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlvq9qPY-gvvZPMlHKoG5c4nGt3tnM-uAIakusgOIAOaBS2tH7WJSirh7grAPtoPN2dZs077-ZR0k6BRCKBKSqDeM5AALrQxyZB1xuKiD254u375TJc_BZ14oSI3N42R5g7fBAqxYUWEQd/s1600-h/cordobo-park-blogger-225x128.jpg"><img alt="Clean Blogspot Templates" border="0" id="BLOGGER_PHOTO_ID_5381689075281324146" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlvq9qPY-gvvZPMlHKoG5c4nGt3tnM-uAIakusgOIAOaBS2tH7WJSirh7grAPtoPN2dZs077-ZR0k6BRCKBKSqDeM5AALrQxyZB1xuKiD254u375TJc_BZ14oSI3N42R5g7fBAqxYUWEQd/s200/cordobo-park-blogger-225x128.jpg" style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 200px; height: 114px;" /></a>Properties : 3 Columns, Adapted from Wordpress, Elegant, Fixed width, Fresh, Gradients, Gray, Green, Premium, Right sidebar, White Source: btemplates.com <a href="http://cordobopark-btemplates.blogspot.com/" rel="nofollow">Live Demo</a> | <a href="http://btemplates.com/download/1221/">Download</a> size: 7.88kb The Latest <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7QCnod8SpwnKqNU-Owd3C9R9fD1U38hu9ayWeSh8ouQr1TPi6-bg5XMU2zoIFiexsp-TOyorQOdJBXAj2T9GUqT57UzcBu3cDjRwP-R2iOVxju91XJ4JnPV86YRObru2t0Kodqws86yaP/s1600-h/The-Latest-225x128.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5382041234544683650" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7QCnod8SpwnKqNU-Owd3C9R9fD1U38hu9ayWeSh8ouQr1TPi6-bg5XMU2zoIFiexsp-TOyorQOdJBXAj2T9GUqT57UzcBu3cDjRwP-R2iOVxju91XJ4JnPV86YRObru2t0Kodqws86yaP/s200/The-Latest-225x128.jpg" style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 200px; height: 114px;" /></a>Properties : 3 Columns, Adapted from Wordpress, Fixed width, Green, Magazine, Right sidebar, White Source: btemplates.com <a href="http://thelatest-btemplates.blogspot.com/" rel="nofollow">Live Demo</a> | <a href="http://btemplates.com/download/1188/">Download</a> size: 7.88kb Evidens (White) <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitGU2dw9BT5db49jylT5jT_fXREJNu5bw-tM6bbq3wZQmkcPfp-2JK4sK8T-EHZYmUJoJiP2TpKNEMlFUN5TzwZ6-peGAxKtVYrqQs9awL7JbAcQI3BJiXV7z3tYDaVk0G0zEdfV2sIiS1/s1600-h/evidens-white-225x128.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5382041424967185810" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitGU2dw9BT5db49jylT5jT_fXREJNu5bw-tM6bbq3wZQmkcPfp-2JK4sK8T-EHZYmUJoJiP2TpKNEMlFUN5TzwZ6-peGAxKtVYrqQs9awL7JbAcQI3BJiXV7z3tYDaVk0G0zEdfV2sIiS1/s200/evidens-white-225x128.png" style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 200px; height: 114px;" /></a>Properties : 3 Columns, Adapted from Wordpress, Black, Blue, Elegant, Fluid width, Gray, Premium, Right sidebar, Web 2.0, Yellow Source: btemplates.com <a href="http://evidens-btemplates.blogspot.com/" rel="nofollow">Live Demo</a> | <a href="http://btemplates.com/download/1179/">Download</a> size: 30.28kb Untuk melihat template-template blogspot lainnya anda bisa mengunjungi langsung website btemplates.com atau <a href="http://www.deluxetemplates.net">deluxetemplates.net</a>, eblogtemplates. Sedangkan untuk mengedit template blogspot / blogger hack, anda bisa mengunjungi blognya <a href="http://www.o-om.com/" rel="nofollow">Oom.com</a> dan <a href="http://kolom-tutorial.blogspot.com/" rel="nofollow">Kang Rohman</a>

Postingan kali ini jelas-jelas tidak ada kaitannya dengan kontes SEO Kenali dan Kunjungi Objek Wisata di Pandeglang , tapi kali ini saya la...

Membuat Info Tambahan Pada Blogspot

On Monday, July 27, 2009 by : Unknown Label: Custom Template

Masih seputar edit template blogspot, info yang satu ini saya dapatkan saat lagi browsing nyari informasi tentang <a href="http://pabriktea.blogspot.com/search/label/Affiliate%20Marketing" title="affiliate marketing">affiliate marketing</a> disebuah blog yang menurut saya muantaaap bener. Alasannya, selain artikel-artikelnya bagus, dari segi template blog tersebut kelihatan sangat sederhana, clean, tapi memiliki fitur-fitur yang unik. Satu hal yang menarik yaitu pada setiap akhir artikel terdapat <a href="http://pabriktea.blogspot.com/2009/07/membuat-info-tambahan-pada-blogspot.html" title="Membuat Info Tambahan Pada Blogspot">widget Informasi tambahan</a> yang terdiri dari foto author, technorati faves, dan lain-lain. Kebetulan widget tersebut sudah <a href="http://pabriktea.blogspot.com" title="Sharing Information">saya</a> buat dan untuk melihat contohnya bisa dilihat dibawah ini <a href="http://pabriktea.blogspot.com/2009/07/membuat-info-tambahan-pada-blogspot.html"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5363371595009779858" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHVpSJdlmYkbfUIFaqXWbnFxtahP-oops-Lubp4xU1Q81kCI8wMOjmByGW16MwzuwzNFQhocRa_0C9gPjwxurqln-C_2j5Iyc8OwVVobyf1fJ48KSRTlBugEka3k_azu_TE87kR5jT-m7Q/s320/addInfo.gif" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 420px; height: 68px;" /></a> Kalau ingin membuatnya, silahkan ikuti langkah-langkah dibawah ini Langkah 1 Login di akun blogger anda -> Dashboard -> Tata Letak -> Edit HTML lalu klik "Expand Widget Template" Langkah 2 Tambahkan kode CSS ini sebelum <code>]]></b:skin></code> (kalau sudah ada langsung aja lanjut ke langkah 3) <div class="code">div.spacer{clear:both; height:10px; display:block;}</div> Langkah 3 Cari kode (ctrl+F) kode berikut: <div class="code"><data:post.body/></div> Langkah 4 Masukan kode dibawah ini SEBELUM kode diatas lalu simpan: <div class="code" width="310" height="100"> <div class='spacer'/> <div style='background:#EFEFEF; padding:6px; border-bottom:solid 2px #DEDEDE; font-size:11px;'> <table border='0' cellpadding='0' cellspacing='0' width='488'> <tr> <td width='64'> <img src='http://i529.photobucket.com/albums/dd336/cyberzaro/z4ro08-48.gif' style='padding:4px; background:#FFFFFF; border:none;'/></td> <td width='435'>Punya Saran? Tambahkan komentar anda. Blog ini menggunakan DoFollow System, Tolong jangan kasih komentar spam! <a href='http://technorati.com/faves?sub=addfavbtn&add=http://pabriktea.blogspot.com'>Fav Me On Technorati</a> | <a href='http://feeds2.feedburner.com/PabrikTeaFeed'>Subscribe to my feeds</a> | <a href='http://feedburner.google.com/fb/a/mailverify?uri=PabrikTeaFeed&loc=en_US'>Subscribe by email</a> </td> </tr> </table> </div> </div> Yang harus anda ganti yaitu kode yang dicetak tebal saja Penjelasan singkat Kode diatas menggunakan beberapa elemen diantaranya: - Foto ukuran 48x48px yang diupload lewat <a href="http://www.photobucket.com" rel="nofollow">PhotoBucket.com</a> - Technorati Faves - Langganan artikel via Feed - Langganan artikel via Email Note: Kalau anda sudah menggunakan Readmore pada setiap artikel anda, bisanya ada 2 kode data:post.body yang tersedia, untuk itu masukan kode <a href="http://pabriktea.blogspot.com/2009/07/membuat-info-tambahan-pada-blogspot.html" title="Info tambahan pada blogspot">Info tambahan pada blogspot</a> seperti dibawah ini <div class="code"><b:if cond='data:blog.pageType == "item"'> <style>.fullpost{display:inline;}</style> .......... paste disini ........ <data:post.body/> <b:else/> <style>.fullpost{display:none;}</style> <data:post.body/> ........................... </div> Semoga bermanfaat dan jangan lupa kasih saran sob

Masih seputar edit template blogspot , info yang satu ini saya dapatkan saat lagi browsing nyari informasi tentang affiliate marketing dise...

Menambahkan ReTweet This Pada Blogspot

by : Unknown Label: Custom Template, Twitter

Pada totorial blogspot sebelumnya saya menjelaskan tentang Cara <a href="http://pabriktea.blogspot.com/2009/07/menambahkan-technorati-blog-reaction.html" title="Menambahkan Technorati Blog Reaction pada blogspot">Menambahkan Technorati Blog Reaction pada blogspot</a>, kali ini saya coba berbagi informasi lainnya tentang cara <a href="" title="menambahkan tombol ReTweet This pada blogspot">menambahkan tombol ReTweet This (twitter) pada blogspot</a> dengan menggunakan bantuan Tweetmeme. Saat ini ada 2 jenis tombol yang disediakan oleh Tweetmeme, yaitu versi standar (seperti pada tombol ReTweet This sebelah kanan paragraf) dan compact <a alt="Menambahkan ReTweet This Pada Blogspot" href="http://pabriktea.blogspot.com/2009/07/menambahkan-retweet-this-pada-blogspot.html"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5363042703073296818" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-CggJp7_DJvfrjDnjpB4LfYv-b-ZYNDPn_VaLEzKgTym9PpeEUDXt9mHegYtmm-W3oQVWTuimiOyMjAMWQbOJPQu0f2TdhJEUv1ZePYZmZx789eK4nCqIFC_n2c_o_mJ9jgoFMGhqGgGc/s320/twitter-count.gif" style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 425px; height: 124px;" /></a> Kalau anda ingin mencobanya, silahkan ikuti langkah-langkah dibawah ini: 1. Masuk ke akun blogger anda -> Dashboard -> Tata Letak -> Edit HTML lalu klik "Expand Widget Template" 2. Cari (ctrl+F) kode berikut ini <div class="code"><data:post.body/></div> 3. Pasang kode berikut SEBELUM kode diatas <div class="code"><div style='float:right;padding:7px;'><script type='text/javascript'> tweetmeme_url = '<data:post.url/>'; tweetmeme_source = 'z4ro08'; tweetmeme_service = 'bit.ly'; </script> <script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'> </script></div></div> 4. Simpan Template Penjelasan Singkat: - div style: Tombol ReTweet akan tampil pada sebelah kanan artikel, anda juga bisa merubahnya pada posisi sebelah kiri dengan mengganti Right menjadi Left. Sedangkan padding merupakan jarak antara tombol dengan artikel - tweetmeme_url: Menunjukan link artikel anda - tweetmeme_source: Ganti tulisan <a href="http://twitter.com/z4ro08" target="_blank" title="Follow Me on Twitter">z4ro08</a> dengan username Twitter anda - tweetmeme_service: Selain <a href="http://bit.ly" rel="nofollow" target="_blank">bit.ly</a>, Tweetmeme menyediakan pilihan Short URL lainnya diantaranya : awe.sm (API support), cli.gs, digg.com (API support), is.gd, TinyURL.com, tr.im, su.pr (API support), ow.ly, lopurls.us, twurl.nl - button style (Info tambahan): Hasil dari kode tweet diatas akan menampilkan tombol ReTweet This versi standar, kalau anda ingin mengganti ke versi Compact, anda harus menuliskan kode berikut ini: tweetmeme_style = 'compact'; Untuk informasi lebih lanjut, silahkan anda mengunjungi website resmi <a href="http://www.tweetmeme" rel="nofollow" title="Tweetmeme Website">Tweetmeme</a>, selamat mencoba dan semoga bermanfaat

Pada totorial blogspot sebelumnya saya menjelaskan tentang Cara Menambahkan Technorati Blog Reaction pada blogspot , kali ini saya coba berb...

Menambahkan Technorati Blog Reaction Pada Blogspot

by : Unknown Label: Custom Template

Tidak seperti artikel-artikel sebelumnya yang slalu membahas tentang <a href="http://pabriktea.blogspot.com/search/label/Affiliate%20Marketing" title="Affiliate Marketing">affiliate marketing</a>, kali ini saya lagi mood posting artikel tentang custom template atau mungkin lebih di kenal dengan istilah blogger hack. Ok no more craps lets get rockkk... hehehe. Fungsi <a href="http://pabriktea.blogspot.com/2009/07/menambahkan-technorati-blog-reaction.html" title="Menambahkan Technorati Reaction Pada Blogspot">Menambahkan Technorati Reaction Pada Blogspot</a> yaitu untuk mengetahui berapa banyak jumlah link atau rekasi yang dihasilkan dari setiap halaman pada blog anda Proses pemasangan widget Technorati Blog Reaction sangat sederhana, dan untuk contohnya anda bisa melihatnya pada bagian bawah postingan ini ada tulisan View Blog Reactions Berikut ini langkah-langkah atau cara Menambahkan Technorati Blog Reaction Pada Blogspot: 1. Masuk ke akun blogger anda -> Dashboard -> Tata Letak -> Edit HTML lalu klik "Expand Widget Template" 2. Cari (ctrl+F) kode berikut ini <div class="code"><data:post.body/></div> 3. selanjutnya tambahkan kode Technorati Blog Reaction setelah kode diatas <div class="code"><script src='http://embed.technorati.com/linkcount' type='text/javascript'/><a expr:href='"http://technorati.com/search/" + data:post.url' rel='linkcount' target='_blank'>View blog reactions</a> </div> 4. Simpan Template Setelah widget ini terpasang, Technorati akan mengupdate setiap artikel anda dan menyertakan jumlah reaksi terhadap masing-masing artikel Semoga bermanfaat

Tidak seperti artikel-artikel sebelumnya yang slalu membahas tentang affiliate marketing , kali ini saya lagi mood posting artikel tentang c...