Simplex Linepress

Some readers asked me for a blogger version of Linepress template (from Gabfire) . After a long time ,now I want to show you the result . It's good for a magazine or news portal . Hope you all like this .



Live Demo | Download

How to install this template

1,Download the template .

2,Open the template file in any word editor . I recommend Notepad ++ for easy in editing .

3,To add social network account


Find this code :

<div id="submenu">
                 <ul class="subnav">
                     <li><a title="Subscribe to latest posts in RSS" rel="nofollow" href="/feeds/posts/default" class="gab_rss" target="_blank">RSS for Entries</a></li>
                     <li><a title="Subscribe to latest posts via email" rel="nofollow" href="http://feedburner.google.com/fb/a/mailverify?uri=simplex" class="gab_email" target="_blank">Subscribe via E-mail</a></li>                                               
                     <li><a title="follow on twitter" rel="nofollow" href="http://www.twitter.com/dinhquanghuy" class="gab_twitter" target="_blank">Follow on Twitter</a></li>                                               
                     <li><a title="Connect on facebook" rel="nofollow" href="http://www.facebook.com/simplexdesignblog" class="gab_facebook" target="_blank">Connect on Facebook</a></li>

and change the link in bold to your social network and feed burner accounts .

4,Save template and upload to blogger .

5,Go to page elements .



6,To add logo


click on logo widget

and add your logo into widget content as structure

<img src="your logo url"/>

like picture bellow


7,To add item to main menu navigation


click on 'menunav' widget


add link to your categories



8,To add content in 'teaser' section



click on teaser widget



add the category name into widget content


Do the same for 'teaser','featureright','mediabar','primarybottomleft' widget

9,To add content in the tab


click on each widgets from 'priBottab1','priBottab2','priBottab3','priBotab4'


add the category name into widget content ,add the name of category into widget title.


10,Other widgets can be edit as you want . You can add script into widget content (ads ,video embed ...)

11,You can add or remove or move widgets in anyplace as you want .

Save changes . That's all for this template .

I hope this template work fine for you .

Read more »

Simple Magazine Style

Nih dia sob, ane mau share salah satu Template yang prnah ane pakai dulu, ini khusus buat sobat2 bloggers semua nya . . template yang ane share ini agak sedikit mirip sama templatenya Kucoba.com ya walaupun ada kurang2 nya sedikit, sobat tinggal edit dan tambah2 kodenya saja . .
editing nya jgk murah kog sob :)

DEMO | DOWNLOAD

NB: Tolong jgn menghapus link credit dan menghargai hasil karya orang lain . .

Read more »

Meta tag paling ampuh dalam indeks Google

Wahhhhhh . .
sudah lama tak OL dan update postingan ya . ..
makanya hari ini saya ingin memberikan sedikit tips buuat sobat blogger tentang sebuah rahasia di blog :) khusus nya dalam indeks Google . .
Meta Tag . .
mungkin dalam meta tag saya ingin berbagi . .
ini menurut pengalaman saya, meta tag yang saya gunakan ini sangat manjur dan cepat sekali di indeks oleh google . .
pernah saya coba membuat blog baru yang berjudul Puisiklopedia (puisiklopedia.blogspot.com) dalam jangka waktu kurang lebih 1 mingguan sudah berada dalam peringkat pertama di dalam google.co.id

dengan kata kunci 'puisiklopedia" dan saya liat wahhh sudah nomor 1 disana . .
Untuk itu saya ingin berbagi metatags kepada sobat . .

<!-- Blogger Default Meta -->
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link href='http://www.blogger.com/profile/ISI DENGAN KODE PROFIL SOBAT' rel='me'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link href='http://www.blogger.com/rsd.g?blogID=ISI DENGAN KODE ID BLOG SOBAT' rel='EditURI' title='RSD' type='application/rsd xml'/>
<link href='http://www.blogger.com/feeds/ISI DENGAN KODE ID BLOG SOBAT/posts/default' rel='service.post' title='TITLE BLOG SOBAT - Atom' type='application/atom xml'/>
<link href='http://BLOGSOBAT.blogspot.com/feeds/posts/default' rel='alternate' title='Chenkgelate - Atom' type='application/atom xml'/>
<!-- End Blogger Default Meta -->
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<meta content='Isi sesuai dengan Description sobat' name='DESCRIPTION'/>
<meta content='Isi sesuai dengan Keyword sobat' name='KEYWORDS'/> </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/></title>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/>
</b:if>
<meta content='index, follow' name='robots'/>
<meta content='2 days' name='revisit-after'/>
<meta content='id' name='language'/>
<meta content='blogger' name='generator'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='global' name='distribution'/>
<meta content='general' name='rating'/>

Cara pemasangan . .

1. Hapus kode yang berada di bawah kode <head> sampai kode    <b:skin><![CDATA[/*
2. Selanjurnya copy meta tag di atas dan letakkan dibawah kode <head> tadi . .
3. ganti tulisan yang berwarna merah dengan deskripsi sobat sendiri

Read more »

Membuat tombol newerpost dgn olderpost slide

Sudah 2 hari saya tidak update blog saya ini karena ada masalah domain + harus belajar,, mumpung ndak ada orang tua saya sempatkan deh waktu saya untuk nulis artikel Cara Buat Tombol Slide Artikel Lama/Baru ini hehe :D :D :D.. sebelumnya Tips dan Trik ini adalah request-an tapi saya lupa namanya :D :D :D, untuk melihat demonya silahkan lihat tombol yang di sebelah kiri atau kanan itu.. Bagaimana kalau bagus kita coba, kalau gak bagus gak usah dicoba :D :D.. nah bagi yang mau ikut ke tahap selanjutnya cekidot..

1. Yang pasti hal yang sobat blogger lakukan pertama harus login keblogger dulu
2. Langkah yang kedua sobat blogger pilih "Rancangan" atau dalam bahasa inggris disebut juga "Design", setelah itu klik "Edit HTML", setelah mengklik "Edit HTML" jangan lupa di centang "Expand Widget Template"
3. Kemudian carilah kode ]]></b:skin> untuk memudahkan klik CTRL+Fkemudian di bidang kosong tersebut masukan kode ]]></b:skin>
4. Setelah ketemu kode ]]></b:skin> masukan kode dibawah ini diatas kode ]]></b:skin>

.dodelama a {color: #000;position:fixed;top:50%;right:-50px;height: 23px; width: 100px;color: #fff; text-shadow: 1px 1px 0px #999;background: #aaa; background-color: rgba(116,116,116,0.36);-moz-border-radius-topleft:7px;-moz-border-radius-bottomleft:15px;padding: 3px 3px;text-decoration: none;-moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.dodelama a:hover {color: #ffffff;right:-1px;background: #fff;}
.dodebaru a {color: #000; position:fixed;top:50%;  left:-50px;height: 23px;  width: 100px;color: #fff; text-shadow: 1px 1px 0px #999;background: #aaa;background-color: rgba(116,116,116,0.36);-moz-border-radius-topright:7px;-moz-border-radius-bottomright:15px;padding: 3px 3px; text-decoration: none;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.dodebaru a:hover {color: #ffffff;left:-1px ; background: #fff;}

5. Setelah itu carilah kode <b:if cond='data:olderPageUrl'> kemudian dibawah kode <b:if cond='data:olderPageUrl'> berilah kode dibawah ini

<div class='dodelama'>  

dan jangan lupa diakhiri dengan </div> letakan kode </div> ini diatas kode </b:if> 


Eitsss.... Jangan disimpan dulu

6. Setelah itu carilah kode <b:if cond='data:newerPageUrl'> kemudian dibawah kode <b:if cond='data:newerPageUrl'> berilah kode dibawah ini

<div class='dodebaru'>  

dan jangan lupa diakhiri dengan </div> letakan kode </div> ini diatas kode </b:if> 

7. Kemudian klik SIMPAN TEMPLATE 

Jadi deh :)

Semoga Bermanfaat ^^..

 

Source 

Read more »

Cara agar link membuka 2 tab yang beda dengan 1 klik

Cara agar link membuka 2 tab yang beda dengan 1 klik - tau gak sobat arti dari kata itu ?? Pastinya sudah pada tau donkk mksd saya :D Yap, betul sekali. dengan cara ini kita bisa membuka 2 buah link target yang berbeda hanya dengan 1 kali klik.

Cara ini biasanya di pakai oleh para sobat Blogger yang hendak meraup uang dari periklanan dengan cara mengarah kan pengunjung kepada link iklan tersebut. jadi, dengan otomatis link iklan akan terbukak dengan otomatis dan menambahkan jumlah klik pada iklan nya :D

Asiiiikkk jgk yah sob kalo gitu, bagi sobat yang ingin mencoba tentunya mau dong agar iklan nya cepat PO ??? :D

Ckckck . . lama amat yah pidato ane ya sob ?? Okel dech langsung aja ye ane kasi tau Cara agar link membuka 2 tab yang beda dengan 1 klik . .

<a href="URL 1" onclick="window.open('URL 2')" target="_blank">Teks</a>

Nah, itu dia sobat kode script nya tentang Cara agar link membuka 2 tab yang beda dengan 1 klik
buat contohnya monggo di cobak aja ya :D

Oke, semoga bermanfaat ya sobat . . ! !

Read more »